body{font-family:Arial,sans-serif;margin:0;background:#f4f4f4;color:#222}
header{background:#17375e;color:white;padding:30px;text-align:center}
nav a{color:white;margin:0 10px;text-decoration:none}
.hero{padding:40px;text-align:center;background:#fff}
.hero input{width:80%;max-width:600px;padding:14px;font-size:16px}
section{padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.card{background:white;padding:24px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.15);text-align:center;font-weight:bold}
footer{text-align:center;padding:20px;background:#17375e;color:white}