:root{--navy:#073568;--blue:#1588ef;--cyan:#44d6ee;--ink:#10233d;--muted:#607086;--soft:#f4f8fc;--white:#fff;--line:#e2ebf3;--shadow:0 18px 55px rgba(7,53,104,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(21,136,239,.018),transparent 30%);z-index:-1}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0 0 16px;line-height:1.08;letter-spacing:-.025em}h1{font-size:clamp(2.75rem,6vw,5.35rem)}h2{font-size:clamp(2rem,4vw,3.35rem)}h3{font-size:1.18rem}p{line-height:1.75;color:var(--muted);font-size:1.02rem}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(221,232,241,.75);box-shadow:0 7px 26px rgba(7,53,104,.04)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:84px}.brand{display:flex;align-items:center}.brand img{width:188px;height:62px;object-fit:contain}.nav{display:flex;align-items:center;gap:25px}.nav a{text-decoration:none;color:#26405a;font-weight:700;font-size:.94rem;position:relative;transition:.2s ease}.nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px;transition:.2s ease}.nav>a:not(.btn):hover{color:var(--blue)}.nav>a:not(.btn):hover:after{right:0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:13px 23px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#17a9dd);color:#fff!important;text-decoration:none;border:0;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(21,136,239,.22);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(21,136,239,.28);filter:saturate(1.04)}.btn.small{min-height:40px;padding:10px 18px}.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.55);box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.12)}.btn.light{background:#fff;color:var(--navy)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)}.menu-btn{display:none;background:none;border:0;font-size:1.8rem;color:var(--navy)}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(122deg,#05294f 0%,#083d73 47%,#0f66ad 100%);padding:86px 0 76px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 79% 18%,rgba(68,214,238,.24),transparent 28%),radial-gradient(circle at 8% 90%,rgba(21,136,239,.2),transparent 35%)}.hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;border:70px solid rgba(68,214,238,.085);right:-145px;top:-135px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;position:relative;z-index:2}.hero-copy{max-width:720px}.hero h1{text-shadow:0 4px 20px rgba(0,0,0,.12)}.hero p{color:#d9e8f7;max-width:690px;font-size:1.14rem}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.145em;font-weight:800;font-size:.76rem;color:var(--cyan);margin-bottom:18px}.eyebrow:before{content:"";width:23px;height:2px;border-radius:2px;background:currentColor}.eyebrow.dark{color:var(--blue)}.actions{display:flex;gap:13px;margin:30px 0}.hero-card{position:relative;padding:8px}.hero-card:before{content:"";position:absolute;inset:-8px 22px 28px -6px;border:1px solid rgba(255,255,255,.18);border-radius:32px;transform:rotate(-2deg)}.hero-card img{position:relative;width:100%;height:525px;object-fit:cover;border-radius:27px;box-shadow:0 34px 78px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2)}.floating-note{position:absolute;left:-28px;bottom:28px;background:rgba(255,255,255,.97);color:var(--navy);padding:17px 21px;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.18);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(8px)}.floating-note b{font-family:Manrope,sans-serif}.floating-note span{font-size:.9rem;color:#587087;margin-top:2px}.hero-stats{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-stats div{min-width:126px;display:flex;flex-direction:column;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}.hero-stats strong{font:800 1.35rem Manrope}.hero-stats span{font-size:.8rem;color:#d3e7f8;margin-top:2px}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.image-stack{position:relative}.main-img{width:100%;height:610px;object-fit:cover;border-radius:26px;box-shadow:var(--shadow)}.image-stack:before{content:"";position:absolute;left:-18px;top:-18px;width:110px;height:110px;border-radius:22px;background:#e7f7fd;z-index:-1}.accent-card{position:absolute;right:-24px;bottom:30px;background:linear-gradient(145deg,#073568,#0a477f);color:#fff;padding:21px 25px;border-radius:15px;box-shadow:0 18px 38px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.mv-grid article{background:linear-gradient(145deg,#f5f9fc,#fff);padding:22px;border-radius:18px;border:1px solid var(--line)}.mv-grid article h3{margin-bottom:8px;color:#173b5f}.mv-grid article p{font-size:.95rem;margin-bottom:0}.soft{background:linear-gradient(180deg,#f6f9fc 0%,#f1f7fb 100%);border-top:1px solid #eef3f7;border-bottom:1px solid #eef3f7}.section-head{text-align:center;max-width:760px;margin:0 auto 46px}.section-head p{max-width:690px;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.program-card{background:#fff;padding:25px 23px;border-radius:19px;border:1px solid #e5edf4;box-shadow:0 12px 34px rgba(7,53,104,.055);transition:.22s ease;position:relative;overflow:hidden}.program-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.22s ease}.program-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(7,53,104,.1);border-color:#d8e6f0}.program-card:hover:after{transform:scaleX(1)}.program-card p{font-size:.95rem;margin-bottom:0}.icon-dot{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f6ff,#f2fbff);color:var(--blue);font-size:1.25rem;margin-bottom:21px;border:1px solid #d8edf9}.impact{background:linear-gradient(128deg,#05294f,#084c88 58%,#0d67aa);color:#fff;position:relative;overflow:hidden}.impact:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(68,214,238,.07);right:-100px;bottom:-140px}.impact-grid{display:grid;grid-template-columns:1fr .82fr;gap:74px;align-items:center;position:relative;z-index:1}.impact p{color:#d9e8f7}.impact-photo{position:relative}.impact-photo:before{content:"";position:absolute;inset:22px -18px -18px 22px;border:1px solid rgba(255,255,255,.18);border-radius:27px}.impact-photo img{position:relative;width:100%;height:520px;object-fit:cover;border-radius:26px;box-shadow:0 28px 65px rgba(0,0,0,.2)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-card{background:#fff;border:1px solid #e3ebf2;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px rgba(7,53,104,.065);transition:.22s ease}.team-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(7,53,104,.11)}.team-card img{width:100%;height:320px;object-fit:cover}.team-card>div{padding:22px}.team-card h3{margin-bottom:5px}.team-card span{color:var(--blue);font-weight:800;font-size:.88rem}.team-card p{margin-bottom:0;font-size:.95rem}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery a{overflow:hidden;border-radius:18px;display:block;position:relative;box-shadow:0 12px 32px rgba(7,53,104,.07);background:#dfeaf2}.gallery a:nth-child(1){grid-column:span 7}.gallery a:nth-child(2){grid-column:span 5}.gallery a:nth-child(3),.gallery a:nth-child(4),.gallery a:nth-child(5){grid-column:span 4}.gallery img{width:100%;height:330px;object-fit:cover;display:block;transition:.35s ease}.gallery a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,31,61,.45));opacity:.55;transition:.3s}.gallery a:hover img{transform:scale(1.035)}.gallery a:hover:after{opacity:.8}.gallery a span{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;background:rgba(4,31,61,.78);backdrop-filter:blur(8px);color:#fff;padding:9px 12px;border-radius:9px;font-size:.84rem;border:1px solid rgba(255,255,255,.12)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e3ebf2;box-shadow:0 14px 40px rgba(0,0,0,.055);transition:.22s ease}.post:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(7,53,104,.1)}.post img{width:100%;height:285px;object-fit:cover}.post-body{padding:23px}.post-body span{font-size:.8rem;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.post-body p{font-size:.95rem}.post-body a{color:var(--blue);font-weight:800;text-decoration:none}.donate{background:linear-gradient(120deg,#31c8e5,#5cdaee);position:relative;overflow:hidden}.donate:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:54px solid rgba(255,255,255,.14);left:-110px;bottom:-190px}.donate .container{position:relative}.donate-box{display:flex;align-items:center;justify-content:space-between;gap:50px}.donate h2,.donate p{color:#08335d}.donate .eyebrow{color:#08335d}.donate-actions{display:flex;flex-direction:column;gap:10px;min-width:260px}.donate-actions small{color:#174d74;font-weight:600;line-height:1.5}.donation-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.method{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.8);border-radius:15px;padding:18px;color:#08335d;display:flex;flex-direction:column;gap:5px;box-shadow:0 12px 25px rgba(8,51,93,.08)}.method b{font-family:Manrope,sans-serif}.method span{font-size:.88rem;line-height:1.5;color:#3b607d}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:66px}.contact-list{display:grid;gap:11px;margin-top:28px}.contact-list div{padding:15px 17px;border-radius:12px;background:#f7fafc;border:1px solid #e4edf3;display:flex;justify-content:space-between;gap:20px}.contact-list b{color:#173b5f}.contact-list span{color:#607086;text-align:right}.social-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.social-links a{background:#eef7fd;color:var(--blue);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.84rem;border:1px solid #dcecf7}.contact-form{display:grid;gap:13px;padding:28px;background:linear-gradient(145deg,#f7fafc,#f3f7fb);border-radius:20px;border:1px solid #e1eaf2;box-shadow:0 14px 34px rgba(7,53,104,.05)}.contact-form input,.contact-form textarea{width:100%;padding:14px 15px;border:1px solid #d4e1eb;border-radius:10px;font:inherit;background:#fff;color:var(--ink);transition:.18s}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:#5ab7ea;box-shadow:0 0 0 3px rgba(90,183,234,.14)}footer{background:linear-gradient(145deg,#041f3d,#062a50);color:#fff;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:54px}.footer-grid img{width:180px;background:#fff;border-radius:11px;padding:5px}.footer-grid a{display:block;color:#bdd0e4;text-decoration:none;margin:9px 0;transition:.18s}.footer-grid a:hover{color:#fff;transform:translateX(2px)}.footer-grid p{color:#bdd0e4}.footer-grid b{font-family:Manrope,sans-serif}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;color:#8faac5;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.copyright a{color:#8faac5}.developer-credit{display:inline-flex;align-items:center;gap:6px}.developer-credit a{color:var(--cyan);font-weight:800;text-decoration:none}.developer-credit a:hover{text-decoration:underline}.admin-link{opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(68,214,238,.45);outline-offset:3px}@media(max-width:980px){.nav{gap:18px}.hero-grid,.split,.impact-grid,.contact-grid{gap:48px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;padding:22px 5%;flex-direction:column;align-items:stretch;gap:4px;border-top:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.1)}.nav.open{display:flex}.nav a{padding:10px 2px}.nav>a:not(.btn):after{display:none}.hero-grid,.split,.impact-grid,.contact-grid{grid-template-columns:1fr}.hero-card img,.main-img,.impact-photo img{height:455px}.blog-grid{grid-template-columns:repeat(2,1fr)}.donate-box{flex-direction:column;align-items:flex-start}.gallery a:nth-child(n){grid-column:span 6}.team-grid{grid-template-columns:repeat(2,1fr)}.donation-methods{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav-wrap{height:76px}.nav{top:76px}.brand img{width:158px;height:56px}.section{padding:72px 0}.hero{padding:70px 0 62px}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.cards,.blog-grid,.mv-grid,.team-grid,.donation-methods{grid-template-columns:1fr}.hero-stats{gap:10px}.hero-stats div{min-width:calc(50% - 5px)}.gallery a:nth-child(n){grid-column:span 12}.gallery img{height:280px}.hero-card img,.main-img,.impact-photo img{height:375px}.accent-card,.floating-note{position:static;margin-top:12px}.hero-card:before,.impact-photo:before,.image-stack:before{display:none}.footer-grid{grid-template-columns:1fr}.donate-actions{min-width:0;width:100%}.contact-list div{flex-direction:column;gap:3px}.contact-list span{text-align:left}.copyright{align-items:flex-start;flex-direction:column}.section-head{text-align:left;margin-left:0}.section-head p{margin-left:0}.eyebrow{margin-bottom:14px}}

/* Database contact-form feedback */
.form-status{grid-column:1/-1;padding:12px 14px;border-radius:10px;font-weight:600;font-size:14px}
.form-status.success{background:#eafaf1;color:#17613e;border:1px solid #b9e5cc}
.form-status.error{background:#fff1ef;color:#9d2a20;border:1px solid #f1c3be}