:root{--bg:#f4f7fb;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#1e4b8c;--accent:#2563eb;--card:#fff}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:var(--brand);text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}
.wrap{width:min(920px,calc(100% - 2rem));margin:0 auto}
.top{background:#0b1f3a;color:#fff}.top__in{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:1rem}
.brand{color:#fff;font-weight:800}.brand span{color:#93c5fd}.brand:hover{color:#fff;text-decoration:none}
.hero{padding:2.6rem 0 1.6rem;background:linear-gradient(180deg,#eaf2ff,var(--bg))}
.eyebrow{margin:0 0 .5rem;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0 0 .7rem;font-size:clamp(1.7rem,3.5vw,2.4rem);letter-spacing:-.03em}
.lead,.body p{color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.3rem;margin:1rem 0;box-shadow:0 8px 24px rgba(15,23,42,.04)}
h2{margin:0 0 .55rem;font-size:1.15rem}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1rem;border-radius:10px;font-weight:700}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8;color:#fff;text-decoration:none}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--brand)}
.footer{padding:1.4rem 0 2rem;color:var(--muted);font-size:.9rem}
.links{display:grid;gap:.35rem;margin:.8rem 0 0;padding-left:1.1rem}