:root { color-scheme: dark; --ink:#f4ffe9; --muted:#a7bab7; --void:#050817; --panel:#0b1230; --line:#31406c; --cyan:#61f4ff; --magenta:#a77bff; --lime:#83ff78; font-family:"SFMono-Regular","Cascadia Code",Consolas,monospace; color:var(--ink); background:var(--void); }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; min-height:100vh; background:radial-gradient(circle at 80% 10%,rgba(167,123,255,.16),transparent 28%),var(--void); }
header, main, footer { width:min(820px,calc(100% - 32px)); margin-inline:auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:2rem 0; border-bottom:1px solid var(--line); }
header a { color:var(--cyan); text-decoration:none; font-weight:700; letter-spacing:.08em; }
header span { color:var(--muted); font-size:.68rem; }
main { margin-block:4rem; padding:clamp(1.4rem,5vw,4rem); border:3px solid var(--line); background:rgba(7,16,38,.94); box-shadow:8px 8px 0 #02040e; clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }
.kicker { color:var(--magenta); font-size:.65rem; letter-spacing:.14em; }
h1,h2 { font-family:"Arial Black",system-ui,sans-serif; text-transform:uppercase; }
h1 { margin:.8rem 0 1rem; font-size:clamp(2.2rem,7vw,4.4rem); line-height:1; letter-spacing:-.045em; }
h2 { margin:2.5rem 0 .7rem; color:var(--cyan); font-size:1.15rem; }
p,li { color:var(--muted); line-height:1.8; }
li+li { margin-top:.6rem; }
a { color:var(--lime); }
.effective { display:inline-block; padding:.55rem .7rem; border:1px solid var(--line); color:var(--lime); font-size:.65rem; }
footer { display:flex; justify-content:space-between; gap:1rem; padding:2rem 0; border-top:1px solid var(--line); color:var(--muted); font-size:.62rem; }
@media(max-width:520px){header,footer{align-items:flex-start;flex-direction:column}main{margin-block:2rem}}