:root{--bg:#100b17;--panel:rgba(230,211,255,.055);--line:rgba(201,162,255,.25);--accent:#dfc5ff;--text:#f2edf8;--dim:#afa2bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(70vw 55vw at 90% -15%,rgba(201,162,255,.15),transparent 66%),radial-gradient(50vw 40vw at -10% 60%,rgba(255,93,162,.08),transparent 70%),var(--bg);color:var(--text);font:16px/1.8 Sora,system-ui,sans-serif}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,64px);background:rgba(16,11,23,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}a{color:var(--accent)}.brand{font:800 13px/1 Orbitron,sans-serif;letter-spacing:.16em;text-decoration:none}main{max-width:860px;margin:auto;padding:0 22px 80px}.hero{padding:clamp(70px,12vw,130px) 0 55px}.kicker,.eyebrow{color:var(--accent);font:600 11px/1.5 Orbitron,sans-serif;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3{font-family:Orbitron,sans-serif;line-height:1.25}h1{font-size:clamp(35px,7vw,68px);letter-spacing:-.035em;margin:16px 0}h2{font-size:clamp(25px,4vw,40px);margin:12px 0 28px}h3{font-size:17px;margin-top:34px}.hero>p:last-child{max-width:700px;color:var(--dim);font-size:18px}.toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:52px}.toc a{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none}article{margin:0 0 38px;padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 28px 90px rgba(2,0,8,.3)}article p,article li{color:#ded5e8}li{margin:8px 0}aside{padding:18px;border-left:3px solid var(--accent);background:rgba(201,162,255,.08);border-radius:0 12px 12px 0}.sources{font-size:13px;color:var(--dim);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}footer{text-align:center;padding:34px;border-top:1px solid var(--line);color:var(--dim)}@media(max-width:600px){header{padding:15px}.brand{font-size:10px}article{padding:24px 18px}h1{font-size:38px}}
