:root{--primary:#0f766e;--primary-dark:#064e4a;--red:#ef1f2d;--dark:#102a43;--muted:#64748b;--light:#f8fafc;--border:#e2e8f0;--shadow:0 22px 70px rgba(15,23,42,.14);--radius:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--light);color:var(--dark);line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#064e4a;color:#fff;font-size:14px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:800}header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border)}.nav{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:16px;min-width:330px}.site-logo{width:165px;max-height:96px;object-fit:contain}.brand-title{font-family:'Barlow Condensed';font-size:24px;line-height:1.04;text-transform:uppercase;color:#062c2a;font-weight:900;max-width:220px}.desktop-menu{display:flex;gap:16px;list-style:none;align-items:center}.desktop-menu a{font-weight:900;color:#202936;padding:10px 6px;border-radius:10px}.desktop-menu a:hover{background:#f1f5f9;color:var(--red)}.nav-actions{display:flex;align-items:center;gap:10px}.search-input,.language-select{border:1px solid var(--border);border-radius:999px;padding:12px;background:#fff;font-weight:800}.hamburger{border:0;background:transparent;cursor:pointer;width:50px;height:50px}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;background:#06483f;width:36px;height:4px;border-radius:30px;content:"";position:relative}.hamburger span:before{position:absolute;top:-12px}.hamburger span:after{position:absolute;top:12px}.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1999;opacity:0;pointer-events:none;transition:.25s}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:-380px;width:min(360px,90vw);height:100vh;background:#fff;z-index:2000;padding:26px;box-shadow:-20px 0 60px rgba(0,0,0,.18);transition:.3s;display:flex;flex-direction:column}.drawer.active{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-logo{width:120px}.close-btn{width:40px;height:40px;border:0;border-radius:12px;background:#f1f5f9;font-size:24px}.side-menu{display:grid;gap:10px;margin-top:22px}.side-menu a{padding:15px 18px;border-radius:16px;background:#f8fafc;font-weight:900}.drawer-note{margin-top:auto;background:#ecfeff;border:1px solid #99f6e4;padding:18px;border-radius:18px;color:#064e4a;font-weight:800}.hero{position:relative;min-height:650px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(242,249,235,.98),rgba(242,249,235,.6)),url('https://images.unsplash.com/photo-1584515933487-779824d29309?auto=format&fit=crop&w=1800&q=80') center/cover}.hero-content{display:grid;grid-template-columns:1fr .9fr;gap:45px;align-items:center}.eyebrow{color:#0f766e;font-weight:900;letter-spacing:2.4px;text-transform:uppercase;font-size:16px;margin-bottom:10px}.hero h1,.section-head h2,.content-block h2{font-family:'Barlow Condensed';font-size:clamp(42px,6vw,76px);line-height:.98;color:#202124}.hero p,.section-head p,.card p,.card li{color:#64748b}.btn{display:inline-flex;border:0;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer;margin:6px}.btn-primary{background:#ef1f2d;color:#fff}.btn-light{background:#fff;color:#064e4a;box-shadow:var(--shadow)}.btn-green{background:#6ab82e;color:#fff}.impact-card,.card,.form-box{background:#fff;border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.impact-card h3{color:#ef1f2d;font-size:28px}.impact-alert{background:#ef1f2d;color:#fff;border-radius:18px;padding:18px;font-weight:900;margin:20px 0}.mini-stats,.grid{display:grid;gap:22px}.mini-stats{grid-template-columns:1fr 1fr}.mini-stat{background:#eefbe9;border-radius:16px;padding:16px}.mini-stat b{font-size:26px;color:#166514}.inner{padding:88px 0}.section-head{text-align:center;max-width:780px;margin:0 auto 48px}.section-head h2{font-size:clamp(34px,4vw,54px)}.gallery-title,.faq-title,.volunteer-title{font-size:clamp(40px,5vw,62px)!important}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.icon,.avatar{width:56px;height:56px;border-radius:18px;background:#ccfbf1;display:grid;place-items:center;font-size:27px;margin-bottom:18px}.avatar{border-radius:50%;margin:0 auto 14px;font-weight:900;color:#064e4a}.team-card{text-align:center}.team-photo{width:112px;height:112px;margin:0 auto 14px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 12px 28px rgba(15,23,42,.14)}input,select,textarea{width:100%;padding:15px 16px;border-radius:15px;border:1px solid var(--border);outline:none;font-family:inherit;font-size:15px;background:#f8fafc}textarea{min-height:130px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form{display:grid;gap:14px}.dark-page{background:#0f172a;color:#fff}.dark-page .section-head p,.dark-page .card p,.dark-page .card li{color:rgba(255,255,255,.78)}.dark-page .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.donate-method,.donation-tax-note{padding:18px;border-radius:18px;background:rgba(255,255,255,.08);margin-top:12px}.donation-tax-note{text-align:center}.donation-tax-note p{color:#fff!important;font-size:24px!important;font-weight:900!important}.contact-link{color:#ef1f2d;font-weight:900;text-decoration:underline}.gallery-card{min-height:260px;border-radius:24px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:var(--shadow)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.gallery-card span{position:absolute;z-index:1;left:20px;bottom:20px;color:#fff;font-weight:900;font-size:20px}.faq-item{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:14px}footer{background:#061b1a;color:#fff;padding:55px 0 22px}footer p,footer a{color:rgba(255,255,255,.75);display:block;margin-bottom:8px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:rgba(255,255,255,.7)}@media(max-width:1050px){.desktop-menu{display:none}.hero-content,.grid-2{grid-template-columns:1fr}.grid-3,.grid-5{grid-template-columns:repeat(2,1fr)}.search-input{display:none}.brand{min-width:auto}.site-logo{width:125px}.brand-title{font-size:21px}}@media(max-width:680px){.topbar .container{text-align:center;justify-content:center;font-size:12px}.nav{min-height:86px}.site-logo{width:92px}.brand-title{font-size:17px;max-width:140px}.hero{padding:60px 0}.grid-3,.grid-5,.mini-stats,.form-row,.footer-grid{grid-template-columns:1fr}.inner{padding:60px 0}.form-box{padding:22px}.donation-tax-note p{font-size:19px!important}}

/* Final professional fixes */
.nav{gap:10px}.brand{min-width:300px;justify-content:flex-start}.site-logo{width:160px}.brand-title{font-size:22px;max-width:190px}.desktop-menu{gap:10px}.desktop-menu a{white-space:nowrap;font-size:15px}.dark-page .section-head h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}.dark-page .form-box{background:#fff;color:#102a43}.dark-page .form-box label{color:#102a43}.file-help{font-size:13px;color:#64748b;margin-top:-8px}.news-card small{display:block;margin-top:14px;color:#0f766e;font-weight:900}.side-menu a[href='?p=gallery'],.side-menu a[href='?p=faq']{display:block}.form-box input[type=file]{background:#fff;border:2px dashed #94a3b8;padding:14px}.icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Inter,sans-serif}.gallery-title,.faq-title{font-size:clamp(42px,5vw,64px)!important}@media(max-width:1200px){.brand{min-width:265px}.site-logo{width:135px}.brand-title{font-size:20px;max-width:160px}.desktop-menu{gap:7px}.desktop-menu a{font-size:14px;padding:8px 4px}.search-input{width:100px}}@media(max-width:1050px){.brand{min-width:auto}.desktop-menu{display:none}.site-logo{width:125px}.brand-title{font-size:21px;max-width:180px}}@media(max-width:680px){.site-logo{width:92px}.brand-title{font-size:17px;max-width:140px}.nav{gap:8px}.drawer{width:min(360px,92vw)}}