:root{--blue:#0B6FA4;--teal:#18B7B0;--light:#EAF8FF;}
*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;color:#333}
.topbar{background:var(--teal);color:#fff;padding:8px;text-align:center}
nav{background:var(--blue);padding:15px;text-align:center}
nav a{color:#fff;text-decoration:none;margin:0 12px}
.hero{background:linear-gradient(rgba(11,111,164,.8),rgba(24,183,176,.8));color:#fff;padding:100px 20px;text-align:center}
.container{max-width:1200px;margin:auto;padding:40px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.section{background:#f8f9fa}
footer{background:#0B6FA4;color:#fff;padding:30px;text-align:center}
.btn{background:var(--teal);color:#fff;padding:12px 20px;border-radius:5px;text-decoration:none}