*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--g:#087443;--g2:#045531;--o:#ff9f1c;--r:#ef5b4d;--b:#2478c9;--ink:#17352b;--muted:#66766e;--cream:#fff8e9;--soft:#f2faf6}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{text-decoration:none;color:inherit}.top{background:#063d29;color:#e8f7ef;padding:8px 5%;font-size:11px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
nav{height:76px;position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 4px 20px #063d2918}.logo{display:flex;align-items:center;gap:9px;font-weight:900;color:var(--g2);font-size:20px}.mark{width:43px;height:43px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:22px}.logo small{display:block;font-size:7px;letter-spacing:1px;color:#78847e}.menu{display:flex;gap:18px;font-size:10px;font-weight:900}.menu a:hover{color:var(--g)}.btn{display:inline-block;border:0;border-radius:7px;padding:12px 18px;background:var(--g);color:#fff;font-weight:900;font-size:10px;cursor:pointer;box-shadow:0 6px 15px #08744330}.btn:hover{transform:translateY(-2px)}.orange{background:var(--o);color:#26351f}.red{background:var(--r)}.blue{background:var(--b)}
.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:70px 5%;background:linear-gradient(115deg,#eefaf3,#fff 58%,#fff3dd)}.hero h1{font-size:58px;line-height:1.02;margin:8px 0 18px;color:var(--g2)}.hero h1 span{color:var(--o)}.hero p{font-size:16px;color:#586b62;max-width:650px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.heroimg{height:450px;border-radius:26px;overflow:hidden;box-shadow:0 20px 50px #063d2930;position:relative}.heroimg img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;bottom:18px;left:18px;background:#fff;border-radius:12px;padding:13px 17px;box-shadow:0 8px 25px #0002;font-size:10px;font-weight:900}.badge b{color:var(--g);font-size:18px;display:block}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px}.stat{background:#fff;padding:13px;border-radius:9px;box-shadow:0 5px 20px #0000000c}.stat b{display:block;color:var(--g);font-size:23px}.stat small{font-size:9px;color:var(--muted)}
section{padding:65px 5%}.heading{text-align:center;margin-bottom:30px}.heading h2{margin:0;color:var(--g2);font-size:33px}.heading p{color:var(--muted);margin:4px 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.storyimg{height:410px;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #063d2920}.storyimg img{width:100%;height:100%;object-fit:cover}.story h2{font-size:33px;color:var(--g2);line-height:1.1}.story p{font-size:13px;color:var(--muted)}.quote{border-left:4px solid var(--o);padding:12px 15px;background:#fff9e9;font-size:13px;font-style:italic}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e0ebe4;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px #063d290d}.card img{width:100%;height:190px;object-fit:cover}.body{padding:19px}.body h3{margin:0 0 6px;color:var(--g2);font-size:18px}.body p{font-size:11px;color:var(--muted)}
.impact{background:var(--cream)}.impactgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.impactcard{background:#fff;border-radius:13px;padding:22px;text-align:center;box-shadow:0 7px 22px #7e5b1610}.impactcard b{font-size:32px;color:var(--g)}.impactcard h3{font-size:13px;margin:5px}.impactcard p{font-size:10px;color:var(--muted)}
.donate{background:linear-gradient(110deg,#063d29,#0a8050);color:#fff}.donategrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.donate h2{font-size:39px;margin:0}.donate p{color:#dceee6}.donatebox{background:#fff;color:var(--ink);border-radius:15px;padding:23px}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.amount{border:1px solid #d8e4dd;padding:12px;text-align:center;border-radius:6px;font-weight:900}.amount:hover{border-color:var(--g);color:var(--g)}
.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:13px}.gallery div{height:205px;border-radius:12px;overflow:hidden}.gallery .big{height:423px;grid-row:span 2}.gallery img{width:100%;height:100%;object-fit:cover}
.trust{background:var(--soft)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.trustcard{background:#fff;padding:19px;border-radius:10px;text-align:center;border:1px solid #dfebe5}.trustcard b{display:block;font-size:25px;color:var(--g)}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{border:1px solid #e1e9e4;border-radius:12px;padding:20px}.review img{width:50px;height:50px;object-fit:cover;border-radius:50%;float:left;margin-right:10px}.stars{color:#f2ae00}.review p{clear:both;padding-top:13px;font-size:11px;color:var(--muted)}
.form{background:#fff;padding:24px;border-radius:15px;box-shadow:0 12px 35px #063d2915}.form input,.form select,.form textarea{width:100%;padding:11px;margin:5px 0 8px;border:1px solid #d6e2dc;border-radius:6px}.form textarea{height:95px}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq details{border:1px solid #dfe9e3;padding:13px;border-radius:8px}.faq summary{font-size:12px;font-weight:800;cursor:pointer}
.band{padding:32px 5%;background:var(--o);display:flex;justify-content:space-between;align-items:center;gap:20px}.band h2{margin:0;color:#26351f}.footer{background:#102e23;color:#dcebe3;padding:42px 5%;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer h4{color:#fff}.footer p,.footer a{font-size:11px}.copy{text-align:center;background:#092119;color:#b8c9c1;padding:11px;font-size:10px}.wa{position:fixed;right:19px;bottom:19px;width:57px;height:57px;border-radius:50%;background:#20b568;color:#fff;display:grid;place-items:center;font-size:24px;z-index:100;box-shadow:0 8px 25px #0004}
@media(max-width:900px){.menu{display:none}.hero,.story,.donategrid{grid-template-columns:1fr}.hero h1{font-size:43px}.cards,.testimonials{grid-template-columns:1fr 1fr}.impactgrid,.trustgrid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding-top:45px}.heroimg{height:310px}.stats,.cards,.testimonials,.impactgrid,.trustgrid,.gallery,.faq,.two,.footer{grid-template-columns:1fr}.gallery .big{height:260px}.gallery div{height:200px}.band{display:block}.band .btn{margin-top:13px}}