*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#09090b;color:#f8f8f5;font-family:"Avenir Next",Avenir,system-ui,-apple-system,"Segoe UI",sans-serif}
.gate{max-width:420px;margin:0 auto;padding:18vh 24px 48px}
.gate-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:#54a3ff;margin:0 0 24px}
.gate h1{font-size:36px;line-height:1.1;margin:0 0 12px;font-weight:700}
.gate p{color:#c9c9c2;line-height:1.5}
.gate form{display:grid;gap:10px;margin-top:28px}
.gate label{font-size:14px;color:#f8f8f5}
.gate input{min-height:48px;padding:10px 14px;border-radius:10px;border:1px solid #3a3a40;background:#141417;color:#f8f8f5;font:inherit}
.gate input:focus-visible,.gate button:focus-visible{outline:2px solid #54a3ff;outline-offset:2px}
.gate button{min-height:48px;border:0;border-radius:999px;background:#f8f8f5;color:#09090b;font:inherit;font-weight:700;cursor:pointer}
.gate-error{color:#ff8a7f;margin:0}