:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#17213b;background:#f5f6fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#eeeaff 0,transparent 38%),radial-gradient(circle at 90% 95%,#e6f4ff 0,transparent 38%),#f5f6fb}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(480px,100%);padding:42px;border:1px solid #e4e7f0;border-radius:26px;background:#fff;box-shadow:0 26px 70px #2430541a}.mark{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#181f3d;color:#fff;font-size:20px;font-weight:800;box-shadow:0 12px 30px #1d244348}.eyebrow{margin:27px 0 8px;color:#705fe8;font-size:11px;font-weight:800;letter-spacing:.14em}h1{margin:0;font-size:34px}.lead{margin:12px 0 28px;color:#7d8598}form{display:grid;gap:10px}label{font-size:13px;font-weight:700}input{width:100%;padding:16px;border:1px solid #dce0eb;border-radius:13px;background:#fafbfe;color:#17213b;font:700 22px/1 monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase;outline:0}input:focus{border-color:#705fe8;box-shadow:0 0 0 4px #705fe817}button{margin-top:6px;padding:14px;border:0;border-radius:13px;background:#6d5ce7;color:#fff;font:700 15px inherit;cursor:pointer;box-shadow:0 10px 24px #6d5ce72e}button:disabled{opacity:.6;cursor:wait}.message{min-height:20px;margin:16px 0 0;color:#d74758;font-size:13px;text-align:center}.hint{margin:22px 0 0;color:#a0a6b4;font-size:12px;text-align:center;line-height:1.6}@media(max-width:520px){.card{padding:30px 24px;border-radius:21px}}