:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080808;color:#fafafa}body{margin:0;min-height:100svh;display:grid;place-items:center}main{padding:40px}span{font-size:12px;letter-spacing:.3em;color:#999}h1{font-size:clamp(48px,10vw,96px);letter-spacing:-.06em;margin:24px 0}p{color:#999}a{display:inline-block;margin-top:32px;color:inherit;text-decoration:none;border:1px solid #444;border-radius:32px;padding:16px 28px;transition:background .25s}a:hover{background:#222}a:focus-visible{outline:2px solid white;outline-offset:5px}
form{display:grid;gap:16px;max-width:400px}label{font-size:14px;color:#aaa}input,button{font:inherit;color:inherit;background:#171717;border:1px solid #444;border-radius:20px;padding:16px;min-width:0}button{cursor:pointer;transition:background .25s}button:hover{background:#292929}button:disabled{opacity:.5;cursor:default}input:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}form[hidden]{display:none}