*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f5f8fc;color:#14243a;line-height:1.65}.wrap{max-width:980px;margin:0 auto;padding:0 24px}.topbar{background:#0c213d;color:#fff;border-bottom:4px solid #62b8e8}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:18px;padding-bottom:18px}.brand{font-size:1.15rem;font-weight:800;letter-spacing:.01em}.nav{display:flex;flex-wrap:wrap;gap:16px}.nav a{color:#dceeff;text-decoration:none;font-weight:600}.nav a:hover,.nav a:focus{text-decoration:underline}.hero{background:linear-gradient(180deg,#0f2b4d 0%,#153a63 100%);color:#fff;padding:74px 0}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#a8dfff;font-weight:800}.hero h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.02;margin:.25em 0 .18em}.hero p{font-size:1.18rem;max-width:760px;color:#e8f4ff}.button{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:10px;background:#fff;color:#0c3760;text-decoration:none;font-weight:800}.main{padding:48px 0 70px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.content-card{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(13,39,68,.06)}.card h3,.content-card h2{margin-top:0}.content-card{max-width:860px;margin:0 auto}.content-card h1{line-height:1.15;margin-bottom:.25em}.content-card h2{margin-top:2rem}.content-card h3{margin-top:1.5rem}.muted{color:#5d6b7b}.notice{border-left:4px solid #2e8bc0;background:#edf8ff;padding:14px 16px;border-radius:8px;margin:22px 0}.warning{border-left-color:#c43d3d;background:#fff2f2}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.links a{color:#0b5b91;font-weight:700}.footer{background:#0c213d;color:#cddbea;padding:28px 0;margin-top:30px}.footer a{color:#dceeff}.small{font-size:.92rem}@media(max-width:650px){.topbar .wrap{align-items:flex-start;flex-direction:column}.hero{padding:52px 0}.main{padding-top:34px}}