:root{--brand:#0e1a38;--brand-2:#113a7a;--bg:#f6f8fb;--text:#0f172a;--muted:#556070;--card:#ffffff;--shadow:0 10px 30px rgba(2,6,23,.08);--radius:18px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--text);line-height:1.6;background:var(--bg)}
a{color:var(--brand-2);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1180px;margin:0 auto;padding:1.2rem}
header.site{position:sticky;top:0;z-index:50;background:rgba(14,26,56,.88);backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.2px}
.brand-badge{background:#fff;color:#0e1a38;border-radius:999px;padding:.3rem .6rem;font-weight:900}
nav ul{display:flex;gap:.9rem;list-style:none;margin:0;padding:0}
nav a{color:#e8f0ff;padding:.55rem .75rem;border-radius:12px}
nav a:hover, nav a.active{background:rgba(255,255,255,.12)}
.menu-btn{display:none}
@media(max-width:860px){nav{display:none}nav.open{display:block}.menu-btn{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;padding:.5rem .75rem;border-radius:12px}.nav{align-items:flex-start}}
.hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;color:#fff;background:#0b1a38 url('images/header.jpg') center/cover no-repeat fixed;border-bottom:1px solid #e5e9f2}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10,25,61,.25) 0%, rgba(10,25,61,.55) 45%, rgba(10,25,61,.85) 100%)}
.hero .inner{position:relative;z-index:2;padding:8vh 0}
.hero h1{margin:0 0 .35rem 0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}
.hero .subtitle{opacity:.95;font-size:clamp(1rem,2.4vw,1.25rem)}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#0e1a38;background:#ffffff;box-shadow:var(--shadow);font-weight:600}
.btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.section{padding:2rem 0}
.grid{display:grid;gap:1.1rem}
@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--card);border:1px solid #e9eef5;border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.footer{background:#0e1a38;color:#c7d7ff;margin-top:2rem;border-top:1px solid #0b142e}
.footer a{color:#c7d7ff}
.small{font-size:.95rem;color:var(--muted)}
.badge{display:inline-block;padding:.18rem .5rem;background:#e8f1ff;color:#12326b;border-radius:999px;font-size:.8rem}
table{width:100%;border-collapse:collapse}
th,td{border:1px solid #e7edf6;padding:.65rem;text-align:left}
.notice{background:#fff7ed;border:1px solid #fdba74;color:#7a3b00;border-radius:12px;padding:.9rem}