:root { color-scheme: dark; --bg:#000; --panel:#0a0c0e; --text:#e4e8ea; --dim:#93a0a6; --cyan:#12cfe7; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 20px 80px; }
header { display:flex; align-items:center; gap:16px; margin-bottom: 32px; }
header img { width:64px; height:64px; border-radius:14px; }
h1 { font: 500 28px/1.2 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: 8px; margin:0; }
.sub { font: 500 11px ui-monospace, Menlo, monospace; letter-spacing: 2.4px; color: var(--cyan); }
h2 { font-size: 18px; margin-top: 32px; }
p, li { color: var(--dim); }
a { color: var(--cyan); }
nav { margin-top: 40px; font-size: 14px; }
footer { margin-top: 48px; font-size: 13px; color: #5d686e; }