:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:#080808;color:#f3f1eb;display:grid;place-items:center}
main{width:min(92vw,520px);padding:20px}
.card{background:#101010;border:1px solid #272727;border-radius:22px;padding:30px;box-shadow:0 24px 70px #000a}
.brand{font:600 11px/1.2 ui-monospace,monospace;letter-spacing:.22em;color:#777;margin-bottom:28px}
h1{font-size:clamp(29px,8vw,43px);line-height:1.02;letter-spacing:-.03em;margin:0 0 16px}
p{color:#aaa;line-height:1.5}
input{width:100%;margin-top:18px;padding:15px 12px;background:#070707;border:1px solid #424242;border-radius:14px;color:white;text-align:center;font-size:2rem;letter-spacing:.35em;outline:none}
input:focus{border-color:#888}
button,.btn{display:block;width:100%;padding:16px;margin-top:14px;border:0;border-radius:14px;background:#f1efe9;color:#111;text-decoration:none;text-align:center;font-weight:800;font-size:14px;cursor:pointer}
button:disabled{opacity:.45}
.secondary{background:#222;color:#eee;border:1px solid #3b3b3b}
.ghost{background:transparent;color:#999;border:1px solid #292929}
.error{min-height:24px;color:#e4a1a1;margin-top:12px;font-size:14px}
video{width:100%;display:block;aspect-ratio:4/3;object-fit:contain;background:#000;border-radius:14px;margin:22px 0 7px}
.hidden{display:none!important}
.spinner{width:30px;height:30px;border:2px solid #333;border-top-color:#ddd;border-radius:50%;animation:s .75s linear infinite;margin:28px 0}
@keyframes s{to{transform:rotate(360deg)}}