body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#333;line-height:1.7}
.hero{background:linear-gradient(135deg,#0b7d3b,#0f4c81);color:#fff;text-align:center;padding:70px 20px}
nav{display:flex;justify-content:center;gap:20px;background:#fff;padding:15px;position:sticky;top:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}
nav a{text-decoration:none;color:#0f4c81;font-weight:bold}
main{max-width:1100px;margin:auto;padding:30px}
section{background:#fff;padding:30px;margin-bottom:25px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{border-left:5px solid #0b7d3b;padding:15px;background:#fafafa;border-radius:8px}
footer{background:#222;color:#fff;text-align:center;padding:25px}
@media(max-width:700px){nav{flex-wrap:wrap}}