:root{
  --green:#087a45;--darkgreen:#075f38;--red:#e5232b;--navy:#10283d;
  --light:#f6f8f7;--text:#263238;--muted:#667085;--white:#fff;
  --shadow:0 12px 35px rgba(16,40,61,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:15px;padding:8px 0;flex-wrap:wrap}
.nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #edf0ee}
.nav .container{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}
.brand img{height:58px;width:auto;display:block}.menu{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}
.menu a:hover{color:var(--green)}.donate{background:var(--red);color:#fff!important;padding:11px 18px;border-radius:6px}
.mobile-toggle{display:none;border:0;background:none;font-size:28px}
.hero{min-height:650px;background:linear-gradient(110deg,rgba(5,44,31,.92),rgba(7,122,69,.75)),url('assets/logo-full.jpg') center/cover no-repeat;display:flex;align-items:center;color:#fff}
.hero .inner{max-width:760px;padding:80px 0}.eyebrow{display:inline-block;background:rgba(255,255,255,.15);padding:7px 13px;border-radius:30px;font-weight:bold}
h1{font-size:clamp(38px,6vw,68px);line-height:1.08;margin:18px 0}h2{font-size:36px;line-height:1.2;margin:0 0 15px}.lead{font-size:19px;max-width:700px}
.btn{display:inline-block;padding:13px 22px;border-radius:6px;font-weight:bold;margin:10px 10px 0 0}.btn-red{background:var(--red);color:#fff}.btn-white{background:#fff;color:var(--green)}
.section{padding:82px 0}.light{background:var(--light)}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.section-title p{color:var(--muted)}
.grid{display:grid;gap:24px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border-radius:14px;padding:28px;box-shadow:var(--shadow);height:100%}.card .icon{font-size:35px}.card h3{margin:12px 0 8px;color:var(--navy)}
.about-image{background:var(--green);border-radius:18px;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-image img{width:80%;max-width:440px;border-radius:12px;box-shadow:var(--shadow)}
.check{padding:0;margin:20px 0;list-style:none}.check li{margin:8px 0}.check li:before{content:"✓";color:var(--green);font-weight:bold;margin-right:9px}
.stats{background:var(--green);color:#fff;padding:50px 0}.stat{text-align:center}.stat strong{display:block;font-size:40px}.stat span{opacity:.9}
.feature{padding:32px;border-radius:15px;background:#fff;box-shadow:var(--shadow);border-top:5px solid var(--green)}
.feature h3{color:var(--green)}.cta{background:linear-gradient(120deg,var(--navy),var(--green));color:#fff;padding:65px;border-radius:20px;text-align:center}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery div{height:190px;border-radius:12px;background:linear-gradient(135deg,#e7eee9,#bfd4c7);display:flex;align-items:end;padding:18px;font-weight:bold;color:var(--navy)}
.contactbox{background:#fff;padding:25px;border-radius:12px;box-shadow:var(--shadow)}footer{background:#0b1e2c;color:#dbe4e7;padding:55px 0 20px}footer h3{color:#fff}footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;text-align:center;font-size:14px}
.pagehead{padding:85px 0;background:linear-gradient(120deg,var(--navy),var(--green));color:#fff;text-align:center}
.notice{padding:15px;background:#fff8e6;border-left:4px solid #e7aa22;border-radius:5px}
@media(max-width:900px){.menu{display:none}.menu.open{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:25px;box-shadow:var(--shadow)}.mobile-toggle{display:block}.three,.four,.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.two,.three,.four,.gallery{grid-template-columns:1fr}.hero{min-height:620px}.section{padding:58px 0}.cta{padding:38px 20px}.topbar .container{justify-content:center;text-align:center}.brand img{height:48px}}