:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;background:#080c16;color:#e8ecf7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#44326b55,transparent 35%),linear-gradient(145deg,#080c16,#0d1424);display:grid;place-items:center;padding:24px}.card{width:min(100%,480px);background:#111a2be8;border:1px solid #293650;border-radius:18px;box-shadow:0 24px 80px #0008;padding:32px}.brand{display:flex;align-items:center;gap:13px;margin-bottom:28px;font-weight:800;letter-spacing:1px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#7188ff,#9a79ee);color:#fff}.brand small{display:block;color:#7e8da9;font-size:10px;letter-spacing:1.8px;margin-top:4px}h1{font-size:25px;margin:0 0 9px}p{color:#91a0bb;line-height:1.55;margin:0 0 22px}.notice{border:1px solid #66562b;background:#2b2411;color:#e6c56f;border-radius:9px;padding:12px 14px;font-size:13px;margin-bottom:18px}.error{border-color:#7c3545;background:#31151c;color:#f19aac}.success{border-color:#28634f;background:#123326;color:#79d8ae}.field{display:grid;gap:7px;margin:15px 0}.field span{font-size:12px;color:#aebbd0}.field input{width:100%;background:#0a1220;border:1px solid #2c3a53;color:#eff3fc;border-radius:8px;padding:12px 13px;outline:0}.field input:focus{border-color:#8c7cf2;box-shadow:0 0 0 3px #7462cf22}.hint{font-size:11px;color:#75849f;margin-top:6px}.button{width:100%;border:0;border-radius:8px;background:linear-gradient(100deg,#5f62d8,#7b58c3);color:#fff;font:inherit;font-weight:700;padding:12px 16px;margin-top:12px;cursor:pointer}.button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b6a9ff;outline-offset:3px}.link{display:block;text-align:center;color:#b6a9ff;margin-top:18px}.qr{display:block;background:white;border-radius:12px;padding:12px;width:220px;height:220px;margin:20px auto}.codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;list-style:none;margin:20px 0}.codes code{display:block;text-align:center;background:#0a1220;border:1px solid #2c3a53;padding:9px 6px;border-radius:6px;color:#dbe4f7}.foot{font-size:11px;color:#64738f;text-align:center;margin-top:22px}@media(max-width:520px){.card{padding:24px 19px}.codes{grid-template-columns:1fr}}