:root { color-scheme: dark; --bg:#06101d; --card:#0d1a2d; --line:#23405f; --text:#f4f8ff; --muted:#a8b8cd; --accent:#50c8ff; }
* { box-sizing: border-box; }
body { margin:0; background:linear-gradient(180deg,#071423,var(--bg)); color:var(--text); font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header,main,footer { width:min(860px,calc(100% - 32px)); margin-inline:auto; }
header { padding:44px 0 18px; }
nav { display:flex; gap:16px; flex-wrap:wrap; margin-top:16px; }
a { color:var(--accent); }
nav a { font-weight:700; text-decoration:none; }
article { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:clamp(20px,4vw,42px); box-shadow:0 24px 70px #0006; }
h1 { font-size:clamp(2rem,6vw,3.4rem); line-height:1.05; margin:0; }
h2 { margin:2.1rem 0 .55rem; font-size:1.22rem; }
p,li { color:var(--muted); }
.eyebrow { color:var(--accent); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
.effective { color:var(--text); font-weight:700; }
.action { display:inline-block; background:var(--accent); color:#06101d; text-decoration:none; font-weight:900; border-radius:12px; padding:12px 16px; margin:8px 0; }
.warning { border-left:3px solid #ffb86b; padding-left:16px; }
footer { padding:28px 0 54px; color:var(--muted); font-size:.9rem; }
@media (max-width:560px) { header { padding-top:28px; } article { border-radius:14px; } }