:root{color-scheme:light dark;font-family:Helvetica,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#1d3f69 0,#0b1420 48%);color:#edf4fb;display:grid;min-height:100vh;margin:0;padding:24px;place-items:center}.card{background:#142235;border:1px solid #30445d;border-radius:18px;box-shadow:0 24px 70px #0006;padding:34px;width:min(440px,100%)}.card:has(.mfa-setup){width:min(600px,100%)}.auth-logo{background:#fff;border-radius:10px;display:block;height:auto;margin:0 auto 30px;padding:12px 18px;width:260px}.eyebrow{color:#8eb8e8;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}h1{font-size:27px;line-height:1.2;margin:0 0 8px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}label{color:#c4d2e2;display:block;font-size:14px;font-weight:650;margin:18px 0 7px}input{background:#fff;border:1px solid #71869e;border-radius:8px;color:#111;font:inherit;padding:12px;width:100%}input:focus{outline:3px solid #3687df66;outline-offset:1px}button{background:#2f74cf;border:1px solid #2f74cf;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:700;margin-top:24px;padding:12px;width:100%}button:hover{background:#3d8cf5}.error:empty,.notice:empty{display:none}.error{background:#321d25;border:1px solid #824253;border-radius:8px;color:#ffb1b1;margin:14px 0;padding:10px 12px}.notice{background:#17324a;border:1px solid #39709b;border-radius:8px;color:#d8ecff;margin:14px 0;padding:10px 12px}.hint{color:#9fb0c3;font-size:13px;line-height:1.45;margin:10px 0 0}.auth-links{font-size:14px;margin:18px 0 0;text-align:center}.auth-links a{color:#9cc9ff}.auth-links a:hover{color:#fff}.mfa-lead{color:#d9e6f4;line-height:1.5;margin:18px 0}.mfa-steps{margin:18px 0 22px;padding-left:24px}.mfa-steps li{line-height:1.45;margin:0 0 14px;padding-left:5px}.mfa-steps span{color:#aebed0;display:block;font-size:14px;margin-top:3px}.mfa-qr-panel{background:#0e1a29;border:1px solid #344d69;border-radius:14px;padding:20px;text-align:center}.mfa-qr{background:#fff;border:8px solid #fff;border-radius:8px;display:block;height:auto;margin:0 auto;max-width:100%;width:224px}.mfa-qr-panel .hint{margin:12px auto 0;max-width:360px}.mfa-manual{border:1px solid #405670;border-radius:10px;margin:16px 0;overflow:hidden}.mfa-manual summary{color:#b9d7f8;cursor:pointer;font-size:14px;font-weight:700;padding:13px 15px}.mfa-manual summary:hover{background:#1a2c42;color:#fff}.mfa-manual-body{background:#0f1d2d;border-top:1px solid #405670;padding:15px}.mfa-manual-body>p:first-child{font-size:14px;line-height:1.45;margin:0 0 12px}.mfa-details{margin:0}.mfa-details>div{border-top:1px solid #2d425a;display:grid;gap:8px;grid-template-columns:90px minmax(0,1fr);padding:10px 0}.mfa-details>div:first-child{border-top:0}.mfa-details dt{color:#9fb0c3;font-size:13px;font-weight:700}.mfa-details dd{margin:0;min-width:0}.mfa-details code,.mfa-uri{color:#e8f3ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.mfa-details code{overflow-wrap:anywhere}.mfa-secret{letter-spacing:.04em}.mfa-uri-label{color:#9fb0c3;font-size:13px;font-weight:700;margin:12px 0 6px}.mfa-uri{background:#09131f;border:1px solid #293e55;border-radius:7px;display:block;line-height:1.5;max-width:100%;overflow-wrap:anywhere;padding:10px;white-space:normal;word-break:break-word}.mfa-finish{background:#17324a;border-left:3px solid #5ca8f4;border-radius:6px;line-height:1.5;margin:18px 0 4px;padding:12px 14px}#recovery{background:#09131f;border:1px solid #405670;border-radius:8px;color:#e8f3ff;line-height:1.55;margin-top:18px;max-width:100%;min-width:0;overflow-wrap:anywhere;padding:14px;white-space:pre-wrap;width:100%;word-break:break-word}@media(max-width:520px){body{padding:14px}.card{padding:26px 22px}.auth-logo{margin-bottom:26px;width:220px}.mfa-details>div{grid-template-columns:1fr;gap:4px}.mfa-qr-panel{padding:16px}}