body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#222;line-height:1.7}
header,footer{background:#0b1f33;color:#fff}
.container{max-width:1100px;margin:auto;padding:22px}
nav a{color:#fff;margin-right:16px;text-decoration:none;font-weight:600}
nav a:hover{text-decoration:underline}
h1,h2,h3{color:#0b1f33;line-height:1.3}
.hero{background:#f2f6fb;padding:60px 20px}
.card{border:1px solid #ddd;border-radius:8px;padding:22px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.cta{display:inline-block;background:#0078d4;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:600}
.cta:hover{background:#005fa3}
ul,ol{padding-left:22px}
small{color:#555}
.meta{color:#666;font-size:14px}