:root{--bg:#05060f;--ink:#eef0ff;--muted:#c8d2ff;--cyan:#3de0ff;--lilac:#b48cff;--gold:#ffd58a}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:radial-gradient(70% 50% at 20% 0%,#1b1747 0%,var(--bg) 70%);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:40px 16px 72px}
a{color:var(--cyan);text-decoration:none}
a:hover{color:var(--lilac)}
.back{display:inline-block;margin-bottom:40px;font-weight:700;letter-spacing:.16em;font-size:14px;color:var(--ink)}
h1{margin:0;font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.02em}
.sub{margin:8px 0 40px;font-family:ui-monospace,Menlo,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
h2{margin:36px 0 10px;font-size:19px}
p,li{font-size:16px;color:color-mix(in srgb,var(--ink) 82%,transparent)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
.todo{background:var(--gold);color:var(--bg);padding:0 4px;border-radius:3px;font-weight:600}
.foot{margin-top:56px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--lilac) 18%,transparent);font-size:14px}