:root{--teal:#18A8C3;--green:#3D846B;--olive:#9AA33A;--yellow:#F2BE1A;}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,sans-serif;color:#333;line-height:1.7}
.container{width:90%;max-width:1200px;margin:auto}
header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.logo{height:70px}
nav a{text-decoration:none;color:var(--green);margin-left:24px;font-weight:600}
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),linear-gradient(135deg,var(--teal),var(--green));display:flex;align-items:center;color:white;text-align:center}
.hero h1{font-size:3rem;max-width:900px;margin:auto}
.btn{display:inline-block;background:var(--yellow);padding:14px 28px;color:#000;text-decoration:none;border-radius:30px;font-weight:700}
.section{padding:80px 0}
.alt{background:#f5f7f8}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08)}
.stats{background:var(--green);color:#fff;padding:30px 0;text-align:center}
.vision{background:var(--teal);color:#fff;padding:80px 0;text-align:center}
footer{background:#1f2937;color:#fff;padding:50px 0;text-align:center}
@media(max-width:768px){.hero h1{font-size:2rem}.nav{flex-direction:column}nav{margin-top:10px}}