body{margin:0;font-family:Arial;background:#f4f6f9}
.container{max-width:1100px;margin:auto;padding:20px}
.topbar{background:#0b3d91;color:#fff}
.nav{display:flex;justify-content:space-between}
nav a{color:#fff;margin-left:20px;text-decoration:none}
.hero{background:linear-gradient(135deg,#0b3d91,#1e6de0);color:#fff;text-align:center;padding:100px 20px}
.hero h1{font-size:42px}
.btn{display:inline-block;margin-top:20px;padding:12px 25px;background:#fff;color:#0b3d91;text-decoration:none;border-radius:6px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}
.card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}
footer{background:#0b3d91;color:#fff;text-align:center;padding:25px;margin-top:60px}