*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#000;color:#fff;font-family:ui-sans-serif,system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{width:min(42rem,calc(100% - 2rem));border:1px solid #333;padding:clamp(1.5rem,5vw,4rem)}h1{font-size:clamp(2.5rem,8vw,5.5rem);margin:.15em 0}.eyebrow,small{color:#999;letter-spacing:.12em;text-transform:uppercase}nav{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}a{color:#fff;text-underline-offset:.3em}form{display:grid;gap:1rem;margin:1.5rem 0}label{display:grid;gap:.45rem;color:#bbb}input,button{font:inherit;border:1px solid #555;background:#050505;color:#fff;padding:.8rem}button{cursor:pointer;width:max-content}.error{border-left:3px solid #fff;padding-left:1rem}