@font-face{font-family:"Uncut Sans";src:url("/fonts/uncut-sans/UncutSans-Variable.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{color-scheme:dark;font-family:"Uncut Sans",sans-serif;background:#000;color:#fff}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:38px clamp(24px,6vw,88px)}
header,footer{display:flex;align-items:center;font-size:14px;gap:4px}
header span,footer span{margin-left:auto;color:#888}
main{width:100%;max-width:540px;margin:auto;padding:70px 0}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.17em;color:#999;margin:0 0 24px}
h1{font-size:clamp(48px,8vw,76px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0 0 28px}
.dot{color: rgba(0, 123, 255, 1)}
.intro{font-size:18px;color:#aaa;line-height:1.6;margin:0 0 38px;letter-spacing:-.02em}
form{max-width:420px;margin:0 auto}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:13px;color:#aaa;margin-bottom:12px}
.digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
input{width:100%;height:100px;min-width:0;border:1px solid #383838;border-radius:12px;color:#fff;font:500 60px "Uncut Sans",sans-serif;text-align:center;caret-color:rgba(0,123,255,1);transition:border-color .15s,background .15s}
input:hover{border-color:#666}input:focus{outline:2px solid #fff;outline-offset:3px;}input[aria-invalid="true"]{border-color:#ff6d6d}
#message{min-height:20px;margin:14px 0;text-align:center;font-size:13px;color:#ff9797;line-height:1.5}form[aria-busy="true"] #message{color:#888}
.footnote{color:#888;font-size:12px;margin:22px 0 0}footer{color:#999;font-size:12px}
@media(max-width:480px){body{padding:24px}header span{display:none}main{padding:60px 0}.digits{gap:8px}input{height:58px;border-radius:9px}footer{align-items:flex-start;gap:10px;flex-direction:column}footer span{margin:0}}
@media(prefers-reduced-motion:reduce){input{transition:none}}