:root{color-scheme:dark;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1423;color:#f4f8ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#1b2c40,transparent 70%)}
.gate-card{width:100%;max-width:420px;padding:36px 30px 24px;border:1px solid #304258;border-radius:16px;background:#142237;box-shadow:0 20px 70px #0004}
h1{font-size:clamp(1.75rem,6vw,2rem);line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;overflow-wrap:anywhere}
.gate-intro{color:#acbdd0;margin:0 0 28px}
label{display:block;font-size:.875rem;margin:0 0 8px;color:#d9e4f1}
input,button{font:inherit;width:100%;min-height:48px;border-radius:7px}
input{border:1px solid #51667d;background:#0b1726;color:#fff;padding:12px 14px;min-width:0}
button{border:0;margin-top:16px;background:#ffce57;color:#142237;font-weight:750;padding:12px 16px;cursor:pointer}
button:hover{background:#ffdc85}
button:disabled{cursor:wait;opacity:.65}
input:focus-visible,button:focus-visible{outline:3px solid #79e7c2;outline-offset:4px}
#gate-status{font-size:.875rem;line-height:1.5;color:#acbdd0;min-height:1.5em;margin:18px 0 0;overflow-wrap:anywhere}
#gate-status.error{color:#ffbca8}
noscript{display:block;margin-top:16px;color:#ffbca8}
@media(max-width:420px){body{padding:16px}.gate-card{padding:28px 22px 20px}}