:root{--primary:#0d5d8a;--accent:#cc0000;--success:#1fb8b7;--ink:#0b2533;--bg:#f7fbff;}
body{margin:0;font-family:sans-serif;background:var(--bg);color:var(--ink)}
nav{background:var(--primary);padding:12px}
nav a{color:#fff;margin-right:12px;text-decoration:none;font-weight:bold}
.hero{background:linear-gradient(135deg,var(--primary),var(--success));color:#fff;padding:60px 20px;text-align:center}
.container{max-width:1000px;margin:auto;padding:20px}
.card{background:#fff;padding:20px;margin:10px 0;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.cta{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:bold}
footer{background:#fff;border-top:1px solid #ccc;text-align:center;padding:20px;font-size:14px;color:#555}