html{color-scheme:dark}body{margin:0;background:#080f16;color:#fff;font:18px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{width:min(38rem,85%);padding:3rem 0;border-top:4px solid #7c3aed}h1{font-size:clamp(3rem,9vw,5rem);line-height:1.1;margin:.6rem 0}.eyebrow{color:#c084fc;text-transform:uppercase;letter-spacing:.18em}nav{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}a{color:white;background:#2563ff;padding:.6rem 1rem;border-radius:.4rem;text-decoration:none}a:focus-visible{outline:3px solid #c084fc;outline-offset:4px}footer{font-size:1rem;color:#c084fc}