:root{--ink:#0f2442;--muted:#55657d;--line:#dfe6ef;--brand:#0b6bcb;--bg:#f5f8fc}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
header{background:#0f2442;color:#fff}header .w{display:flex;align-items:center;justify-content:space-between;padding:18px 16px}
.logo{font-weight:800;font-size:22px;letter-spacing:.3px}.logo b{color:#4ea3ff}
nav a{color:#cfe0f5;text-decoration:none;margin-left:18px;font-size:15px}nav a:hover{color:#fff}
.w{max-width:920px;margin:0 auto}main .w{padding:32px 16px 48px}
.hero{padding:40px 0 8px}.hero h1{font-size:34px;line-height:1.2;margin:0 0 12px}.hero p{color:var(--muted);font-size:18px;margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:32px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:15px}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px}
h2{font-size:20px;margin:28px 0 8px}main a{color:var(--brand)}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}footer .w{padding:20px 16px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}dt{font-weight:600}dd{margin:0;color:var(--muted)}
@media(max-width:560px){.hero h1{font-size:26px}dl{grid-template-columns:1fr}nav a{margin-left:12px}}