{"id":5266,"date":"2026-05-27T17:07:20","date_gmt":"2026-05-27T09:07:20","guid":{"rendered":"https:\/\/wavenex.com.hk\/solutions\/?page_id=5266"},"modified":"2026-05-27T17:23:30","modified_gmt":"2026-05-27T09:23:30","slug":"donation-system-development-hong-kong","status":"publish","type":"page","link":"https:\/\/wavenex.com.hk\/solutions\/donation-system-development-hong-kong\/","title":{"rendered":"Donation System Development Hong Kong"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5266\" class=\"elementor elementor-5266\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d04270 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-parallax-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6d04270\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd9c942\" data-id=\"dd9c942\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea8cf10 elementor-widget elementor-widget-html\" data-id=\"ea8cf10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-hero\">\n    <div class=\"dn-container\">\n      <div class=\"dn-grid-2\">\n        <div>\n          <span class=\"dn-kicker\">Donation System Development<\/span>\n          <h1 class=\"dn-h1\">Secure Donation Systems for NGOs, Churches, Schools, Universities, and Hospitals.<\/h1>\n          <p class=\"dn-sub\" style=\"color:rgba(255,255,255,.78)\">We build custom donation platforms with donor login, one-time and recurring giving, payment gateway integration, receipt generation, campaign management, donor analytics, and privacy-first deployment on your own infrastructure.<\/p>\n          <div class=\"dn-btns\">\n            <a class=\"dn-btn dn-btn-primary\" href=\"https:\/\/wavenex.com.hk\/solutions\/contact-us\/\">Discuss Your Project<\/a>\n            <a class=\"dn-btn dn-btn-outline\" href=\"#features\">View Features<\/a>\n          <\/div>\n          <div class=\"dn-pill-row\">\n            <span class=\"dn-pill\">Donor Portal<\/span>\n            <span class=\"dn-pill\">Recurring Donation<\/span>\n            <span class=\"dn-pill\">High Security<\/span>\n            <span class=\"dn-pill\">On-Premise \/ Private Cloud<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dn-hero-card\">\n          <div class=\"dn-hero-metrics\">\n            <div class=\"dn-metric\"><strong>01<\/strong><span>Donation Portal<\/span><\/div>\n            <div class=\"dn-metric\"><strong>02<\/strong><span>Admin Backend<\/span><\/div>\n            <div class=\"dn-metric\"><strong>03<\/strong><span>Secure Payments<\/span><\/div>\n            <div class=\"dn-metric\"><strong>04<\/strong><span>Analytics & Reports<\/span><\/div>\n          <\/div>\n          <div style=\"height:18px\"><\/div>\n          <div class=\"dn-quote\" style=\"background:rgba(255,255,255,.08);border-left-color:#00c6ff\">\n            <p style=\"color:rgba(255,255,255,.88)\">A single platform for donors and your internal team \u2014 designed to increase giving, reduce admin work, and protect sensitive data.<\/p>\n            <span style=\"color:rgba(255,255,255,.68)\">Built for mission-driven organisations<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a9a10 elementor-widget elementor-widget-html\" data-id=\"06a9a10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\n  html,body{margin:0!important;padding:0!important;background:#fff;width:100%;overflow-x:hidden}\n  body{-webkit-font-smoothing:antialiased}\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{font-size:17px;color:var(--t);margin:0 0 0}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n\n  \/* \u2500\u2500 Top: two-col intro row \u2500\u2500 *\/\n  .dn-who-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:56px}\n  .dn-who-left{}\n  .dn-who-right{display:flex;align-items:center;justify-content:center}\n  .dn-mockup-wrap{position:relative;width:100%;max-width:560px}\n  .dn-mockup-wrap img{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 48px rgba(0,87,255,.14))}\n  .dn-mockup-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at 50% 50%,rgba(0,87,255,.10),transparent 70%);z-index:-1;pointer-events:none}\n\n  \/* \u2500\u2500 Bottom: full-width 3-col cards \u2500\u2500 *\/\n  .dn-who-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n\n  @media(max-width:1024px){\n    .dn-who-top{gap:40px}\n    .dn-who-cards{grid-template-columns:repeat(3,1fr)}\n  }\n  @media(max-width:768px){\n    .dn-section{padding:64px 0}\n    .dn-who-top{grid-template-columns:1fr;gap:36px;margin-bottom:40px}\n    .dn-who-cards{grid-template-columns:1fr 1fr}\n    .dn-h2{font-size:26px}\n    .dn-sub{font-size:15px}\n    .dn-card{padding:22px}\n  }\n  @media(max-width:480px){\n    .dn-container{padding:0 16px}\n    .dn-who-cards{grid-template-columns:1fr}\n    .dn-section{padding:56px 0}\n    .dn-h2{font-size:24px}\n  }\n<\/style>\n\n<div class=\"dn-wrap\">\n  <section class=\"dn-section\">\n    <div class=\"dn-container\">\n\n      <!-- Top: text left, mockup right -->\n      <div class=\"dn-who-top\">\n        <div class=\"dn-who-left\">\n          <span class=\"dn-kicker\">Who It Is For<\/span>\n          <h2 class=\"dn-h2\">Built for organisations that depend on trust, transparency, and efficient fundraising.<\/h2>\n          <p class=\"dn-sub\">Whether you manage members, donors, supporters, alumni, or institutional giving, our donation system is designed to make giving easy for the public and management easy for your staff.<\/p>\n        <\/div>\n        <div class=\"dn-who-right\">\n          <div class=\"dn-mockup-wrap\">\n            <div class=\"dn-mockup-glow\"><\/div>\n            <img decoding=\"async\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/donation-system-NGO-system-development-wavenex-hong-kong.png\" alt=\"Donation System Dashboard \u2013 Wavenex Hong Kong\" loading=\"lazy\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Bottom: full-width 3-col cards -->\n      <div class=\"dn-who-cards\">\n        <div class=\"dn-card\"><h3>Associations<\/h3><p>Support member donations, fund drives, event fundraising, and recurring giving with full donor visibility.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Churches<\/h3><p>Enable tithes, offerings, special collections, and recurring donations with a simple donor journey.<\/p><\/div>\n        <div class=\"dn-card\"><h3>NGOs \/ Non-Profits<\/h3><p>Manage campaigns, donor histories, receipts, and fundraising communications in one system.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Schools \/ Universities<\/h3><p>Handle alumni giving, scholarship funds, departmental campaigns, and donation proof issuance.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Hospitals<\/h3><p>Support charity funds, patient support donations, and controlled campaign-based fundraising.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Foundations<\/h3><p>Operate multiple campaigns, donor segments, and reporting workflows with strict data control.<\/p><\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad4612b elementor-widget elementor-widget-html\" data-id=\"ad4612b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section dn-alt\">\n    <div class=\"dn-container\">\n      <span class=\"dn-kicker\">Core Problems<\/span>\n      <h2 class=\"dn-h2\">Replace fragmented donation tools with one secure platform.<\/h2>\n      <p class=\"dn-sub\">Many organisations still rely on manual records, disconnected payment links, and spreadsheets. That creates admin overhead, weak donor visibility, and avoidable data risk.<\/p>\n      <div class=\"dn-grid-4\">\n        <div class=\"dn-card\"><h3>Manual Receipts<\/h3><p>Reduce time spent issuing donation proof and tracking records manually.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Recurring Giving<\/h3><p>Allow donors to set frequency and maintain their own details securely.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Campaign Control<\/h3><p>Create, manage, and measure donation campaigns without spreadsheet chaos.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Data Privacy<\/h3><p>Protect donor information with high-security, controlled-access architecture.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0660964 elementor-widget elementor-widget-html\" data-id=\"0660964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\n  html,body{margin:0!important;padding:0!important;background:#fff;width:100%;overflow-x:hidden}\n  body{-webkit-font-smoothing:antialiased}\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0 0 12px;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n\n  \/* \u2500\u2500 Section wrapper: position:relative to anchor the mockup \u2500\u2500 *\/\n  .dn-donor-section{position:relative;overflow:hidden}\n\n  \/* \u2500\u2500 iPhone mockup: absolute, right side, fades in from right \u2500\u2500 *\/\n  .dn-iphone-bg{\n    position:absolute;\n    right:120px;\n    top:60%;\n    transform:translateY(-50%) translateX(80px);\n    width:clamp(680px,30vw,420px);\n    opacity:0;\n    pointer-events:none;\n    z-index:0;\n    transition:opacity .9s ease, transform .9s ease;\n  }\n  .dn-iphone-bg img{\n    width:100%;\n    height:auto;\n    display:block;\n    \/* right-edge fade using mask *\/\n    -webkit-mask-image:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 55%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);\n    mask-image:linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 55%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0) 100%);\n  }\n  .dn-iphone-bg.is-visible{\n    opacity:1;\n    transform:translateY(-50%) translateX(0);\n  }\n\n  \/* Keep container content above the mockup *\/\n  .dn-donor-section .dn-container{position:relative;z-index:1}\n\n  \/* Clip cards so mockup shows behind them on wider screens *\/\n  .dn-donor-section .dn-grid-2{max-width:78%}\n\n  @media(max-width:1024px){\n    .dn-grid-2{grid-template-columns:1fr 1fr}\n    .dn-donor-section .dn-grid-2{max-width:100%}\n    .dn-iphone-bg{right:-40px;width:clamp(200px,22vw,300px)}\n  }\n  @media(max-width:768px){\n    .dn-section{padding:64px 0}\n    .dn-grid-2{grid-template-columns:1fr}\n    .dn-h2{font-size:26px}\n    .dn-sub{font-size:15px}\n    .dn-card{padding:22px}\n    .dn-iphone-bg{display:none}\n    .dn-donor-section .dn-grid-2{max-width:100%}\n  }\n  @media(max-width:480px){\n    .dn-container{padding:0 16px}\n    .dn-section{padding:56px 0}\n    .dn-h2{font-size:24px}\n  }\n<\/style>\n\n<div class=\"dn-wrap\">\n  <section class=\"dn-section dn-donor-section\" id=\"features\">\n\n    <!-- iPhone mockup background -->\n    <div class=\"dn-iphone-bg\" id=\"dnIphoneBg\">\n      <img decoding=\"async\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/donation-system-member-portal-member-system-development-wavenex-hong-kong-.png\" alt=\"Donor Portal Mobile Mockup\" \/>\n    <\/div>\n\n    <div class=\"dn-container\">\n      <span class=\"dn-kicker\">Donor Portal<\/span>\n      <h2 class=\"dn-h2\">A donor experience that is easy, modern,<br>and self-service.<\/h2>\n      <p class=\"dn-sub\">Your donors can log in, donate, review history, and download receipts without needing staff support.<\/p>\n      <div class=\"dn-grid-2\">\n        <div class=\"dn-card\">\n          <h3>Donor Login &amp; Donation Flow<\/h3>\n          <ul class=\"dn-list\">\n            <li><span class=\"dn-check\">\u2713<\/span><span>Member or donor login portal.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Make one-time or recurring donation.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Select amount, frequency, and payment method.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Save profile and billing address.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>View donation history anytime.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Receive receipt or proof after payment.<\/span><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"dn-card\">\n          <h3>Engagement &amp; Gamification<\/h3>\n          <p>We can add progress bars, goals, milestones, supporter badges, and campaign incentives to make fundraising more engaging and encourage repeat giving.<\/p>\n          <ul class=\"dn-list\">\n            <li><span class=\"dn-check\">\u2713<\/span><span>Donation milestones.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Campaign progress tracking.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Supporter levels or badges.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Goal-based fundraising visuals.<\/span><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n\n\/\/ IntersectionObserver: trigger fade-in from right when section enters viewport\n(function(){\n  var el = document.getElementById('dnIphoneBg');\n  if(!el) return;\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ el.classList.add('is-visible'); obs.disconnect(); }\n    });\n  },{threshold:0.15});\n  obs.observe(el.parentElement);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f796f9b elementor-widget elementor-widget-html\" data-id=\"f796f9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section dn-alt\">\n    <div class=\"dn-container\">\n      <span class=\"dn-kicker\">Payment Integration<\/span>\n      <h2 class=\"dn-h2\">Support the payment methods your donors already use.<\/h2>\n      <p class=\"dn-sub\">We integrate with local and international payment gateways so donors can pay quickly and securely on desktop or mobile.<\/p>\n      <div class=\"dn-tile-grid\">\n        <div class=\"dn-tile\"><h3>Credit Card<\/h3><p>Visa, Mastercard, and other card networks through secure gateway integration.<\/p><\/div>\n        <div class=\"dn-tile\"><h3>Local Wallets<\/h3><p>Alipay, FPS, PayMe, WeChat Pay, Google Pay, and Apple Pay for modern donor convenience.<\/p><\/div>\n        <div class=\"dn-tile\"><h3>Secure Processing<\/h3><p>Encrypted payment flow with gateway-based transaction handling and audit-friendly records.<\/p><\/div>\n        <div class=\"dn-tile\"><h3>Flexible Setup<\/h3><p>One gateway or multiple gateways depending on donor demographics and campaign needs.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f451d31 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-parallax-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"f451d31\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a7adb04\" data-id=\"a7adb04\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9975dd elementor-widget elementor-widget-image-gallery\" data-id=\"d9975dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-gallery\">\n\t\t\t<div id='gallery-1' class='gallery galleryid-5266 gallery-columns-5 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/wechatpay-event-ticketingsystem-hk-online-payment.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/unionpay-event-ticketing-system-hk-online-payment.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/event-ticketing-system-payme-logo-png.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/event-ticketing-system-alipay-mainland-logo-png.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/event-ticketing-system-visa-hk-logo-png.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2024\/03\/event-ticketing-system-mastercard-hk-logo.png\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/g-pay-logo_1280x720-800x450.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/g-pay-logo_1280x720-800x450.jpg 800w, https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/g-pay-logo_1280x720-768x432.jpg 768w, https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/g-pay-logo_1280x720-e1779871138165.jpg 150w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"420\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/apple-pay-og-1-800x420.jpg\" class=\"attachment-medium size-medium\" alt=\"\" srcset=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/apple-pay-og-1-800x420.jpg 800w, https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/apple-pay-og-1-768x403.jpg 768w, https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/apple-pay-og-1.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/ocl-logo-wavenex-donation-system.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/wavenex.com.hk\/solutions\/wp-content\/uploads\/2026\/05\/fps-donation-system-payment-integration-Hong-kong-wavenex.jpg\" class=\"attachment-medium size-medium\" alt=\"\" \/>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6df27e elementor-widget elementor-widget-html\" data-id=\"b6df27e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section\">\n    <div class=\"dn-container\">\n      <span class=\"dn-kicker\">Admin Backend<\/span>\n      <h2 class=\"dn-h2\">Everything your internal team needs to manage donations efficiently.<\/h2>\n      <p class=\"dn-sub\">The admin dashboard gives staff full visibility over records, campaigns, donors, reports, and notifications.<\/p>\n      <div class=\"dn-grid-3\">\n        <div class=\"dn-card\"><h3>Donation Management<\/h3><p>Manage all donation records in one place, filter by campaign, amount, date, or donor status.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Donor Management<\/h3><p>Search, segment, and update donor profiles, recurring plans, and billing information securely.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Campaign Control<\/h3><p>Create and manage campaigns, donation targets, messages, and donation pages with ease.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Notifications<\/h3><p>Send email or system notifications to donors for receipts, updates, reminders, and campaign news.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Analysis & Reports<\/h3><p>View donor trends, campaign performance, monthly summaries, and management reports.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Audit Visibility<\/h3><p>Maintain a clear history of records and actions to support internal governance and review.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09f0bdc elementor-widget elementor-widget-html\" data-id=\"09f0bdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section dn-alt\">\n    <div class=\"dn-container\">\n      <span class=\"dn-kicker\">Security & Deployment<\/span>\n      <h2 class=\"dn-h2\">High security, high privacy, and deployment control.<\/h2>\n      <p class=\"dn-sub\">Donation systems often handle sensitive personal and financial data, so we design for privacy-first operations and controlled access from day one.<\/p>\n      <div class=\"dn-grid-2\">\n        <div class=\"dn-card\">\n          <h3>Security Practices<\/h3>\n          <ul class=\"dn-list\">\n            <li><span class=\"dn-check\">\u2713<\/span><span>Role-based access control.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Encrypted transmission and protected storage.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Secure authentication for donors and staff.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Audit-ready activity records.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Privacy-focused data handling.<\/span><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"dn-card\">\n          <h3>Deployment Options<\/h3>\n          <ul class=\"dn-list\">\n            <li><span class=\"dn-check\">\u2713<\/span><span>On-premise deployment.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Private cloud deployment.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Suitable for organisations with stricter IT governance.<\/span><\/li>\n            <li><span class=\"dn-check\">\u2713<\/span><span>Better control over sensitive donor information.<\/span><\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n      <div class=\"dn-tag-row\">\n        <span class=\"dn-tag\">Data Privacy<\/span><span class=\"dn-tag\">Audit Trail<\/span><span class=\"dn-tag\">Role-Based Access<\/span><span class=\"dn-tag\">On-Premise<\/span><span class=\"dn-tag\">Private Cloud<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1875267 elementor-widget elementor-widget-html\" data-id=\"1875267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section\">\n    <div class=\"dn-container dn-center\">\n      <span class=\"dn-kicker\">Engagement Model<\/span>\n      <h2 class=\"dn-h2\">We design the platform around your organisation\u2019s workflow.<\/h2>\n      <p class=\"dn-sub\">Whether you need a donor-facing fundraising site, an internal admin system, or a full end-to-end donation platform, we scope the right solution based on your governance and operational requirements.<\/p>\n      <div class=\"dn-grid-3\">\n        <div class=\"dn-card\"><h3>Discovery & Requirement Study<\/h3><p>We analyse your donor journey, campaign structure, reporting needs, and internal approval process before design starts.<\/p><\/div>\n        <div class=\"dn-card\"><h3>UI\/UX & System Build<\/h3><p>We design the donor portal and admin backend together so both sides work smoothly as one platform.<\/p><\/div>\n        <div class=\"dn-card\"><h3>Testing, Launch & Support<\/h3><p>We test payment flow, receipts, donation history, notifications, and reports before going live.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66ba8d7 elementor-widget elementor-widget-html\" data-id=\"66ba8d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  :root{--p:#0057ff;--p2:#00c6ff;--d:#0d0d1a;--bg:#f5f8ff;--t:#5a6070;--b:#e0e7ff;--r:16px;--s:0 10px 30px rgba(0,87,255,.10)}\n  .dn-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a1a2e;line-height:1.7;width:100%;margin:0;padding:0;background:#fff}\nhtml, body { margin: 0 !important; padding: 0 !important; background: #fff; width: 100%; overflow-x: hidden; }\nbody { -webkit-font-smoothing: antialiased; }\n\n  .dn-wrap *{box-sizing:border-box}.dn-wrap{overflow-x:hidden}\n  .dn-container{max-width:1180px;margin:0 auto;padding:0 24px;width:100%}\n  .dn-section{padding:88px 0;width:100%}\n  .dn-alt{background:var(--bg)}\n  .dn-dark{background:linear-gradient(135deg,#0a0f3d 0%,#001a8f 55%,#0057ff 100%);color:#fff}\n  .dn-kicker{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}\n  .dn-dark .dn-kicker{background:rgba(255,255,255,.12);color:#d8eeff}\n  .dn-h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;letter-spacing:-1px;margin:0 0 18px;font-weight:800}\n  .dn-h2{font-size:clamp(26px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;margin:0 0 16px;font-weight:800}\n  .dn-sub{max-width:760px;font-size:17px;color:var(--t);margin:0 0 32px}\n  .dn-dark .dn-sub{color:rgba(255,255,255,.76)}\n  .dn-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n  .dn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}\n  .dn-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}\n  .dn-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}\n  .dn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:10px;font-weight:700;text-decoration:none;transition:.2s ease}\n  .dn-btn-primary{background:var(--p);color:#fff;box-shadow:var(--s)}\n  .dn-btn-primary:hover{transform:translateY(-1px);background:#0040cc}\n  .dn-btn-outline{border:2px solid var(--p);color:var(--p);background:#fff}\n  .dn-btn-outline:hover{background:var(--p);color:#fff}\n  .dn-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}\n  .dn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600}\n  .dn-card{background:#fff;border:1px solid var(--b);border-radius:var(--r);padding:28px;box-shadow:0 2px 12px rgba(26,26,46,.04);transition:.2s ease}\n  .dn-card:hover{transform:translateY(-3px);box-shadow:var(--s);border-color:#b8c8ff}\n  .dn-card h3{margin:0 0 10px;font-size:18px;line-height:1.25}\n  .dn-card p{margin:0;color:var(--t);font-size:14.5px}\n  .dn-list{list-style:none;padding:0;margin:16px 0 0}\n  .dn-list li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:#334}\n  .dn-check{flex:0 0 auto;color:var(--p);font-weight:800;line-height:1.6}\n  .dn-badge{display:inline-block;background:rgba(0,87,255,.08);color:var(--p);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}\n  .dn-hero{padding:92px 0 76px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top right, rgba(0,198,255,.12), transparent 45%),linear-gradient(135deg,#0d0d1a 0%,#0a1a4f 55%,#001a8f 100%);color:#fff;width:100%}\n  .dn-hero:before{content:'';position:absolute;inset:0;background:url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1200\" height=\"700\" viewBox=\"0 0 1200 700\"><g fill=\"none\" stroke=\"rgba(255,255,255,0.05)\"><path d=\"M0 100H1200\"\/><path d=\"M0 200H1200\"\/><path d=\"M0 300H1200\"\/><path d=\"M0 400H1200\"\/><path d=\"M0 500H1200\"\/><path d=\"M0 600H1200\"\/><path d=\"M100 0V700\"\/><path d=\"M300 0V700\"\/><path d=\"M500 0V700\"\/><path d=\"M700 0V700\"\/><path d=\"M900 0V700\"\/><path d=\"M1100 0V700\"\/><\/g><\/svg>') center\/cover;opacity:.35;pointer-events:none}\n  .dn-hero .dn-container,.dn-hero .dn-grid-2{position:relative;z-index:1}\n  .dn-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}\n  .dn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}\n  .dn-metric{background:rgba(0,87,255,.14);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;text-align:center}\n  .dn-metric strong{display:block;font-size:30px;line-height:1;color:#00c6ff;margin-bottom:6px}\n  .dn-metric span{font-size:12px;color:rgba(255,255,255,.68)}\n  .dn-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}\n  .dn-tile{background:#fff;border:1px solid var(--b);border-radius:18px;padding:24px}\n  .dn-tile h3{margin:0 0 10px;font-size:17px}\n  .dn-tile p{margin:0;color:var(--t);font-size:14px}\n  .dn-faq{max-width:840px;margin:40px auto 0}\n  .dn-faq-item{border:1px solid var(--b);border-radius:14px;overflow:hidden;margin-bottom:12px;background:#fff}\n  .dn-faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 20px;font:inherit;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}\n  .dn-faq-a{display:none;padding:0 20px 18px;color:var(--t);font-size:14.5px;background:#f8faff}\n  .dn-faq-q.is-open{color:var(--p);background:#f8faff}\n  .dn-faq-q.is-open .dn-faq-icon{transform:rotate(180deg)}\n  .dn-faq-a.is-open{display:block}\n  .dn-form{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:34px;max-width:760px;margin:0 auto;backdrop-filter:blur(10px)}\n  .dn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n  .dn-field{margin-bottom:14px}\n  .dn-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:rgba(255,255,255,.75)}\n  .dn-field input,.dn-field select,.dn-field textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;font:inherit;outline:none}\n  .dn-field textarea{min-height:118px;resize:vertical}\n  .dn-field input::placeholder,.dn-field textarea::placeholder{color:rgba(255,255,255,.35)}\n  .dn-submit{width:100%;border:0;border-radius:10px;background:#fff;color:var(--p);padding:15px 18px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px}\n  .dn-note{margin-top:12px;font-size:13px;color:rgba(255,255,255,.62)}\n  .dn-section .dn-center{text-align:center}\n  .dn-center .dn-sub{margin-left:auto;margin-right:auto}\n  .dn-tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}\n  .dn-tag{background:#fff;border:1px solid var(--b);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:#334}\n  .dn-quote{border-left:4px solid var(--p);padding:18px 18px 18px 20px;background:#fff;border-radius:0 14px 14px 0}\n  .dn-quote p{margin:0;color:#334;font-style:italic}\n  .dn-quote span{display:block;margin-top:10px;font-size:13px;color:var(--t);font-style:normal;font-weight:700}\n  @media (max-width: 1024px){.dn-grid-2,.dn-grid-3,.dn-grid-4{grid-template-columns:1fr 1fr}.dn-hero .dn-grid-2{grid-template-columns:1fr}.dn-hero-card{max-width:560px}}\n  @media (max-width: 768px){.dn-section{padding:64px 0}.dn-hero{padding:68px 0 56px}.dn-grid-2,.dn-grid-3,.dn-grid-4,.dn-tile-grid,.dn-row{grid-template-columns:1fr}.dn-h1{font-size:30px}.dn-h2{font-size:26px}.dn-sub{font-size:15px}.dn-btns{flex-direction:column}.dn-btn{width:100%}.dn-pill-row{gap:8px}.dn-pill{font-size:12px;padding:8px 12px}.dn-hero-card{padding:22px}.dn-hero-metrics{grid-template-columns:1fr 1fr}.dn-card,.dn-tile,.dn-form{padding:22px}.dn-faq-q{padding:16px 18px}.dn-faq-a{padding:0 18px 16px}}\n  @media (max-width: 480px){.dn-container{padding:0 16px}.dn-hero-metrics{grid-template-columns:1fr}.dn-metric strong{font-size:26px}.dn-list li{font-size:14px}.dn-section{padding:56px 0}.dn-form{padding:18px}.dn-card,.dn-tile{padding:18px}.dn-h1{font-size:28px;line-height:1.12}.dn-h2{font-size:24px}.dn-sub{font-size:14.5px}}\n<\/style>\n<div class='dn-wrap'>\n<section class=\"dn-section dn-alt\">\n    <div class=\"dn-container dn-center\">\n      <span class=\"dn-kicker\">FAQ<\/span>\n      <h2 class=\"dn-h2\">Common questions before starting a donation system project.<\/h2>\n      <div class=\"dn-faq\">\n        <div class=\"dn-faq-item\">\n          <button class=\"dn-faq-q\" type=\"button\" onclick=\"dnToggleFaq(this)\">Can donors make recurring donations? <span class=\"dn-faq-icon\">\u25be<\/span><\/button>\n          <div class=\"dn-faq-a\">Yes. The system supports recurring donation setup with selectable frequency, secure payment method storage, and donor access to donation history and profile management.<\/div>\n        <\/div>\n        <div class=\"dn-faq-item\">\n          <button class=\"dn-faq-q\" type=\"button\" onclick=\"dnToggleFaq(this)\">Can we issue receipts or proof automatically? <span class=\"dn-faq-icon\">\u25be<\/span><\/button>\n          <div class=\"dn-faq-a\">Yes. You can automate receipt or proof issuance after successful donation, and the donor can also access past records through the login portal.<\/div>\n        <\/div>\n        <div class=\"dn-faq-item\">\n          <button class=\"dn-faq-q\" type=\"button\" onclick=\"dnToggleFaq(this)\">Can you support our local payment wallets? <span class=\"dn-faq-icon\">\u25be<\/span><\/button>\n          <div class=\"dn-faq-a\">Yes. We can integrate credit cards plus local payment methods such as Alipay, FPS, PayMe, WeChat Pay, Google Pay, and Apple Pay, depending on gateway availability.<\/div>\n        <\/div>\n        <div class=\"dn-faq-item\">\n          <button class=\"dn-faq-q\" type=\"button\" onclick=\"dnToggleFaq(this)\">Do you support on-premise deployment? <span class=\"dn-faq-icon\">\u25be<\/span><\/button>\n          <div class=\"dn-faq-a\">Yes. For organisations with stronger privacy or governance requirements, we can deploy the system on premise or in a private cloud environment.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n<\/div>\n\n<script>\nfunction dnToggleFaq(btn){\n  const a=btn.nextElementSibling;\n  const open=btn.classList.contains('is-open');\n  document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));\n  document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));\n  if(!open){btn.classList.add('is-open');a.classList.add('is-open');}\n}\n<\/script>\n<\/div>\n<script>\nfunction dnToggleFaq(btn){const a=btn.nextElementSibling;const open=btn.classList.contains('is-open');document.querySelectorAll('.dn-faq-q').forEach(x=>x.classList.remove('is-open'));document.querySelectorAll('.dn-faq-a').forEach(x=>x.classList.remove('is-open'));if(!open){btn.classList.add('is-open');a.classList.add('is-open');}}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Donation System Development Secure Donation Systems for NGOs, Churches, Schools, Universities, and Hospitals. We build custom donation platforms with donor login, one-time and recurring giving, payment gateway integration, receipt generation, campaign management, donor analytics, and privacy-first deployment on your own infrastructure. Discuss Your Project View Features Donor Portal Recurring Donation High Security On-Premise \/ Private Cloud 01Donation Portal 02Admin Backend 03Secure Payments 04Analytics &#038; Reports A single platform for donors and your internal team \u2014 designed to increase giving, reduce admin work, and protect sensitive data. Built for mission-driven organisations Who It Is For Built for organisations that depend on trust, transparency, and efficient fundraising. Whether you manage members, donors, supporters, alumni, or institutional giving, our donation system is designed to make giving easy for the public and management easy for your staff. Associations Support member donations, fund drives, event fundraising, and recurring giving with full donor visibility. Churches Enable tithes, offerings, special collections, and recurring donations with a simple donor journey. NGOs \/ Non-Profits Manage campaigns, donor histories, receipts, and fundraising communications in one system. Schools \/ Universities Handle alumni giving, scholarship funds, departmental campaigns, and donation proof issuance. Hospitals Support charity funds, patient support donations, and controlled campaign-based fundraising. Foundations Operate multiple campaigns, donor segments, and reporting workflows with strict data control. Core Problems Replace fragmented donation tools with one secure platform. Many organisations still rely on manual records, disconnected payment links, and spreadsheets. That creates admin overhead, weak donor visibility, and avoidable data risk. Manual Receipts Reduce time spent issuing donation proof and tracking records manually. Recurring Giving Allow donors to set frequency and maintain their own details securely. Campaign Control Create, manage, and measure donation campaigns without spreadsheet chaos. Data Privacy Protect donor information with high-security, controlled-access architecture. Donor Portal A donor experience that is easy, modern,and self-service. Your donors can log in, donate, review history, and download receipts without needing staff support. Donor Login &amp; Donation Flow \u2713Member or donor login portal. \u2713Make one-time or recurring donation. \u2713Select amount, frequency, and payment method. \u2713Save profile and billing address. \u2713View donation history anytime. \u2713Receive receipt or proof after payment. Engagement &amp; Gamification We can add progress bars, goals, milestones, supporter badges, and campaign incentives to make fundraising more engaging and encourage repeat giving. \u2713Donation milestones. \u2713Campaign progress tracking. \u2713Supporter levels or badges. \u2713Goal-based fundraising visuals. Payment Integration Support the payment methods your donors already use. We integrate with local and international payment gateways so donors can pay quickly and securely on desktop or mobile. Credit Card Visa, Mastercard, and other card networks through secure gateway integration. Local Wallets Alipay, FPS, PayMe, WeChat Pay, Google Pay, and Apple Pay for modern donor convenience. Secure Processing Encrypted payment flow with gateway-based transaction handling and audit-friendly records. Flexible Setup One gateway or multiple gateways depending on donor demographics and campaign needs. Admin Backend Everything your internal team needs to manage donations efficiently. The admin dashboard gives staff full visibility over records, campaigns, donors, reports, and notifications. Donation Management Manage all donation records in one place, filter by campaign, amount, date, or donor status. Donor Management Search, segment, and update donor profiles, recurring plans, and billing information securely. Campaign Control Create and manage campaigns, donation targets, messages, and donation pages with ease. Notifications Send email or system notifications to donors for receipts, updates, reminders, and campaign news. Analysis &#038; Reports View donor trends, campaign performance, monthly summaries, and management reports. Audit Visibility Maintain a clear history of records and actions to support internal governance and review. Security &#038; Deployment High security, high privacy, and deployment control. Donation systems often handle sensitive personal and financial data, so we design for privacy-first operations and controlled access from day one. Security Practices \u2713Role-based access control. \u2713Encrypted transmission and protected storage. \u2713Secure authentication for donors and staff. \u2713Audit-ready activity records. \u2713Privacy-focused data handling. Deployment Options \u2713On-premise deployment. \u2713Private cloud deployment. \u2713Suitable for organisations with stricter IT governance. \u2713Better control over sensitive donor information. Data PrivacyAudit TrailRole-Based AccessOn-PremisePrivate Cloud Engagement Model We design the platform around your organisation\u2019s workflow. Whether you need a donor-facing fundraising site, an internal admin system, or a full end-to-end donation platform, we scope the right solution based on your governance and operational requirements. Discovery &#038; Requirement Study We analyse your donor journey, campaign structure, reporting needs, and internal approval process before design starts. UI\/UX &#038; System Build We design the donor portal and admin backend together so both sides work smoothly as one platform. Testing, Launch &#038; Support We test payment flow, receipts, donation history, notifications, and reports before going live. FAQ Common questions before starting a donation system project. Can donors make recurring donations? \u25be Yes. The system supports recurring donation setup with selectable frequency, secure payment method storage, and donor access to donation history and profile management. Can we issue receipts or proof automatically? \u25be Yes. You can automate receipt or proof issuance after successful donation, and the donor can also access past records through the login portal. Can you support our local payment wallets? \u25be Yes. We can integrate credit cards plus local payment methods such as Alipay, FPS, PayMe, WeChat Pay, Google Pay, and Apple Pay, depending on gateway availability. Do you support on-premise deployment? \u25be Yes. For organisations with stronger privacy or governance requirements, we can deploy the system on premise or in a private cloud environment.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5266","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/pages\/5266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/comments?post=5266"}],"version-history":[{"count":11,"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/pages\/5266\/revisions"}],"predecessor-version":[{"id":5356,"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/pages\/5266\/revisions\/5356"}],"wp:attachment":[{"href":"https:\/\/wavenex.com.hk\/solutions\/wp-json\/wp\/v2\/media?parent=5266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}