:root{--navy:#082f49;--blue:#0f4c5c;--green:#168a5a;--emerald:#34d399;--slate:#0f172a;--muted:#64748b;--bg:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--slate);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #0f172a14;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:14px 22px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#075985,#16a34a);border-radius:999px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 12px 30px #168a5a38}.logo p{letter-spacing:-.03em;margin:0;font-size:21px;font-weight:950}.logo span{text-transform:uppercase;letter-spacing:.26em;color:#15803d;font-size:12px;font-weight:800}.desktop-nav{align-items:center;gap:24px;display:flex}.desktop-nav a{color:#334155;font-size:14px;font-weight:750}.desktop-nav a:hover{color:#047857}.nav-donate{color:#fff;cursor:pointer;background:#082f49;border:0;border-radius:999px;padding:12px 22px;font-weight:800}.menu-btn{background:0 0;border:0;display:none}.mobile-nav{display:none}.hero{background:radial-gradient(circle at 0 0,#d1fae5,#0000 34%),radial-gradient(circle at 100% 0,#bae6fd,#0000 34%);overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-top:78px;padding-bottom:92px;display:grid}.badge{color:#047857;background:#ffffffd1;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:9px 16px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #0f172a0f}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:24px;font-size:clamp(44px,6vw,76px);line-height:.98}h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.02}h3{font-size:22px}.hero-text,.large{color:#475569;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{cursor:pointer;color:#fff;background:#047857;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:16px 26px;font-weight:900;display:inline-flex;box-shadow:0 18px 35px #0478572e}.btn:hover{filter:brightness(.95)}.btn-outline{color:#082f49;box-shadow:none;background:#fff;border:1px solid #0f4c5c}.card{background:#fff;border:1px solid #0f172a0f;border-radius:28px;box-shadow:0 18px 45px #0f172a14}.hero-card{padding:32px;position:relative}.emblem{background:linear-gradient(135deg,#fff,#ecfdf5);border:13px solid #e0f2fe;border-radius:999px;place-items:center;width:290px;height:290px;margin:auto;display:grid;box-shadow:inset 0 8px 30px #0f172a0f}.emblem>div{text-align:center;background:#fff;border:4px solid #082f49b3;border-radius:999px;place-items:center;width:220px;height:220px;display:grid}.emblem .globe{color:#075985}.emblem .leaf{color:#15803d;margin-top:-18px}.emblem strong{color:#082f49;font-size:24px}.emblem span{text-transform:uppercase;letter-spacing:.3em;color:#15803d;font-size:13px;font-weight:850}.pill-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;display:grid}.pill-row span{text-align:center;background:#f1f5f9;border-radius:16px;padding:14px;font-size:14px;font-weight:850}.section{padding-top:86px;padding-bottom:86px}.white{background:#fff}.stats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat{text-align:center;color:#082f49;padding:28px;font-size:20px}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:58px;display:grid}.top-gap{margin-top:66px}.text-block p{color:#475569;font-size:18px;line-height:1.75}.section-label{text-transform:uppercase;letter-spacing:.25em;color:#047857;margin-bottom:14px;font-size:14px;font-weight:950}.center{text-align:center;max-width:760px;margin:auto}.three-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;display:grid}.feature{padding:34px;transition:all .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 28px 60px #0f172a1f}.feature svg,.program svg{color:#047857;width:44px;height:44px}.feature p,.program p{color:#64748b;line-height:1.7}.program-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.program{padding:28px}.dark{color:#fff;background:linear-gradient(135deg,#047857,#082f49)}.dark h2{color:#fff}.light{color:#a7f3d0}.cards-gap{margin-top:46px}.glass{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff26;padding:34px}.glass p{color:#dbeafe;line-height:1.7}.glass svg{color:#a7f3d0;width:44px;height:44px}.light-btn{color:#082f49;background:#6ee7b7}.white-btn{color:#082f49;background:#fff}.checklist{gap:14px;display:grid}.checklist div{background:#fff;border-radius:18px;gap:12px;padding:18px;display:flex;box-shadow:0 12px 30px #0f172a12}.checklist svg{color:#047857;flex-shrink:0}.donate-grid{grid-template-columns:1fr 420px;gap:34px;display:grid}.campaigns{gap:18px;margin-top:36px;display:grid}.campaign{padding:22px}.campaign>div{justify-content:space-between;gap:16px;display:flex}.campaign span{color:#166534;background:#dcfce7;border-radius:999px;padding:6px 12px;font-weight:850}.progress{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.progress div{background:linear-gradient(90deg,#10b981,#0284c7);border-radius:999px;height:100%}.donate-card{color:#fff;background:#061826;padding:32px}.donate-card p{color:#cbd5e1}.donate-card svg{color:#a7f3d0;width:44px;height:44px}.amounts{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px;display:grid}.amounts button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:15px;padding:14px;font-weight:950}.amounts .selected{color:#061826;background:#6ee7b7}.donate-card input,.donate-card select,.form-card input,.form-card select,.form-card textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:100%;margin-bottom:13px;padding:16px}.full{border-radius:16px;width:100%}.contact-list{gap:12px;margin-top:28px;display:grid}.contact-list p{color:#475569;align-items:center;gap:12px;display:flex}.contact-list svg{color:#047857}.form-card{padding:28px}.form-card textarea{resize:vertical;min-height:130px}footer{color:#fff;background:#020617;padding:38px 0}.footer-grid{color:#94a3b8;grid-template-columns:1fr 1fr 1fr;gap:26px;display:grid}.footer-grid strong{color:#fff;font-size:20px}.floating{z-index:40;color:#061826;cursor:pointer;background:#34d399;border:0;border-radius:999px;padding:15px 24px;font-weight:950;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 35px #0f172a40}.modal{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020617b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-card{width:100%;max-width:560px;padding:32px}.modal-head{justify-content:space-between;gap:18px;display:flex}.modal-head h3{margin:0;font-size:32px}.modal-head p{color:#64748b;line-height:1.6}.modal-head button{cursor:pointer;background:0 0;border:0}.summary{background:#f1f5f9;border-radius:22px;margin:22px 0;padding:20px}.summary small{text-transform:uppercase;letter-spacing:.16em;color:#64748b;font-weight:900;display:block}.summary strong{color:#082f49;margin-top:4px;font-size:24px;display:block}.payment-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.payment-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;font-weight:850}.payment-grid button:hover{background:#ecfdf5;border-color:#10b981}@media (width<=900px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-nav{padding:0 22px 14px;display:block}.mobile-nav a{color:#334155;padding:13px 0;font-weight:800;display:block}.hero-grid,.two-col,.donate-grid,.stats,.three-grid,.program-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{padding-top:52px;padding-bottom:64px}.section{padding-top:64px;padding-bottom:64px}.emblem{width:260px;height:260px}.pill-row{grid-template-columns:1fr}.amounts{grid-template-columns:1fr 1fr}.payment-grid{grid-template-columns:1fr}.floating{bottom:14px;right:14px}.cards-gap{margin-top:30px}}
