:root{color-scheme:light;--ink:#18181b;--muted:#6b7280;--paper:#f5f1e8;--card:#fffdf8;--line:#e6dfd1;--accent:#f39a7a;--accent2:#ef7f61}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 10%,#fff8ef 0,transparent 34%),linear-gradient(180deg,#f7f2e9,#efe8dc);color:var(--ink)}
body{min-height:100vh;min-height:100dvh}.gate-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.gate-card{width:min(100%,520px);padding:34px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,248,.96);box-shadow:0 24px 80px rgba(39,32,24,.12)}
.brand{font-size:27px;font-weight:900;letter-spacing:-1.2px}.pill{display:inline-flex;margin-top:20px;padding:7px 10px;border-radius:999px;background:#fff0ea;color:#a94f38;font-size:10px;font-weight:900;letter-spacing:1.2px}.gate-card h1{margin:18px 0 8px;font-size:30px;line-height:1.08;letter-spacing:-1px}.lead{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
form{margin-top:26px}label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}.code-row{display:flex;gap:10px}input{flex:1;min-width:0;height:50px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 14px;font-size:16px;outline:none}input:focus{border-color:#d89b86;box-shadow:0 0 0 3px rgba(243,154,122,.15)}button{height:50px;padding:0 20px;border:0;border-radius:14px;background:var(--ink);color:white;font-weight:850;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.error{min-height:20px;margin:10px 0 0;color:#b42318;font-size:12px}.hint{margin:18px 0 0;color:#8b8175;font-size:11px;line-height:1.55}
@media(max-width:560px){.gate-shell{padding:14px}.gate-card{padding:25px 20px;border-radius:22px}.gate-card h1{font-size:26px}.code-row{flex-direction:column}button{width:100%}}