:root{--bg:#06050b;--panel:rgba(13,11,22,.86);--line:rgba(255,255,255,.07);--teal:#22f1dc;--purple:#b44dff;--text:#eef0ff;--body:#9a9cbd;--label:#7d7f9e}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--body);font:15px/1.6 'Chakra Petch',system-ui,sans-serif;background:
 linear-gradient(rgba(34,241,220,.05) 1px,transparent 1px) 0 0/28px 28px,
 linear-gradient(90deg,rgba(34,241,220,.05) 1px,transparent 1px) 0 0/28px 28px,
 radial-gradient(70% 40% at 15% 0%,rgba(180,77,255,.24),transparent 70%),var(--bg);min-height:100vh}
main{max-width:760px;margin:0 auto;padding:48px 20px 80px}
.eyebrow{font:400 12px 'Share Tech Mono',monospace;letter-spacing:.3em;color:var(--teal);text-shadow:0 0 8px rgba(34,241,220,.6)}
h1{font:800 clamp(30px,7vw,44px)/1.05 'Oxanium',sans-serif;color:#f2f3ff;margin:10px 0 6px;text-shadow:0 0 22px rgba(180,77,255,.5)}
h2{font:700 15px 'Oxanium',sans-serif;letter-spacing:.14em;color:var(--text);text-transform:uppercase;margin:34px 0 8px}
p,li{color:var(--body)}
strong{color:var(--text)}
a{color:var(--teal)}
.meta{font:400 12px 'Share Tech Mono',monospace;color:var(--label);letter-spacing:.08em}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:14px 16px;margin:14px 0}
.todo{border-color:rgba(255,225,77,.5);color:#ffe14d}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;font:400 12px 'Share Tech Mono',monospace;letter-spacing:.2em}