body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#183153}
.hero{background:linear-gradient(135deg,#0b3a75,#c62839);color:#fff;padding:30px 0 80px}
nav{display:flex;justify-content:space-between;max-width:1100px;margin:auto;padding:0 20px}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero-content{max-width:900px;margin:80px auto;text-align:center;padding:0 20px}
h1{font-size:48px}
.btn{display:inline-block;background:#fff;color:#0b3a75;padding:14px 22px;border-radius:8px;text-decoration:none;margin:10px;font-weight:bold}
.secondary{background:#d62839;color:#fff}
section{max-width:1100px;margin:40px auto;padding:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}
footer{background:#0b3a75;color:#fff;text-align:center;padding:20px}