:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; color: #e7eaf0; background: #0d1117; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #1e1e2d, #0d1117); line-height: 1.65; }
main { width: min(100% - 32px, 780px); margin: 40px auto; padding: clamp(22px, 5vw, 48px); background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; }
a { color: #b9baff; text-underline-offset: 3px; }
h1, h2 { line-height: 1.25; }
h1 { color: #a5a6ff; }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 28px; }
footer { margin-top: 36px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); font-size: .9rem; opacity: .75; }