body {margin:0;font-family:'Segoe UI',sans-serif;color:#222;}
.container {width:90%;max-width:1100px;margin:auto;}
header {background:#0a2540;color:#fff;padding:15px 0;}
nav a {color:#fff;margin:0 10px;text-decoration:none;font-weight:500;}
.hero {background:#eef4f8;padding:80px 0;text-align:center;}
.hero h1 {font-size:2.5em;margin-bottom:15px;}
.section {padding:60px 0;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card {padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff;}
.btn {display:inline-block;padding:12px 20px;background:#007BFF;color:#fff;border-radius:5px;text-decoration:none;margin-top:10px;}
footer {background:#0a2540;color:#fff;padding:30px 0;margin-top:40px;}