:root { --ink: #08070f; --line: #24213f; --text: #efedfb; --muted: #8f8bb6; --accent: #7b6bff; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ink); color: var(--text); font: 17px/1.7 "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 24px 96px; }
a { color: var(--accent); }
.back { display: inline-block; margin-bottom: 40px; font: 600 13px "JetBrains Mono", ui-monospace, monospace; color: var(--muted); text-decoration: none; }
.back:hover { color: var(--text); }
h1 { font: 800 clamp(48px, 9vw, 96px)/.9 "Bricolage Grotesque", "Arial Narrow", sans-serif; font-stretch: 76%; letter-spacing: -.015em; margin: 0 0 32px; }
h2 { font: 700 24px/1.2 "Bricolage Grotesque", sans-serif; font-stretch: 85%; margin: 40px 0 10px; }
p, li { color: #d7d4ef; } p { margin: 0 0 14px; }
ul { padding-left: 20px; }
.muted { color: var(--muted); font-size: 14px; }
@media (max-width: 420px) { main { padding: 32px 16px 72px; } }