:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#071521;color:#eaf2f8}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#102e46,#071521 55%);line-height:1.65}a{color:#f7d475}a:focus-visible{outline:2px solid #f7d475;outline-offset:4px}
header,main,footer{max-width:960px;margin:auto;padding:22px clamp(18px,4vw,36px)}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #284258}
.brand{font-weight:900;letter-spacing:.05em;text-decoration:none;color:#fff}.brand b{color:#f7d475}
nav{display:flex;flex-wrap:wrap;gap:13px;font-size:.9rem}nav a{text-decoration:none}
h1,h2,h3{line-height:1.22}h1{font-size:clamp(2rem,5.2vw,3.25rem);max-width:810px;margin:.35em 0}h2{font-size:1.55rem;margin:1.5em 0 .55em}h3{font-size:1.13rem}
.kicker{font-size:.8rem;letter-spacing:.15em;font-weight:800;color:#f7d475;text-transform:uppercase}.intro{font-size:1.13rem;color:#c5d5e2;max-width:760px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 34px}.btn{display:inline-block;background:#f7d475;color:#071521;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:800}.btn.secondary{color:#f7d475;background:transparent;border:1px solid #bfa455}
article,aside{background:#102536;border:1px solid #2b485d;border-radius:12px;padding:clamp(16px,3.5vw,26px);margin:22px 0}.steps{padding-left:24px}.steps li{margin:12px 0}
.tablewrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:11px 9px;border-bottom:1px solid #315066}th{color:#f7d475}
.muted,small{color:#afc1d0}footer{font-size:.86rem;border-top:1px solid #284258;color:#b8cad7}
footer p{margin:7px 0}ul:not(.steps){padding-left:22px}