body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f9fc;color:#0b1220}
.container{max-width:1100px;margin:0 auto;padding:24px}
.header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);position:sticky;top:0;z-index:50}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
.menu a{margin:0 8px;text-decoration:none;color:#0a1f44;font-weight:bold}
.menu a.active{color:#163a72;text-decoration:underline}
.hero{background:linear-gradient(135deg,#0a1f44,#163a72);color:#fff;padding:60px 0}
.hero h1{margin:0 0 12px}
.badge{background:#a8c3ff;color:#0a1f44;padding:4px 10px;border-radius:20px;font-size:12px}
.btn{display:inline-block;padding:10px 16px;margin:4px;border-radius:8px;font-weight:bold;text-decoration:none}
.btn.primary{background:#a8c3ff;color:#0a1f44}
.btn.ghost{border:2px solid #fff;color:#fff}
.section{padding:40px 0}
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.footer{background:#0a1f44;color:#c9d6ff;padding:30px 0}
.footer a{color:#c9d6ff}
.notice{font-size:12px;color:#5b6b84}