/* Code confirmation: one accessible autofill input, six visual digit boxes. */
.login-card{position:relative}
.login-card.code-step{max-width:460px;text-align:center;padding:38px 30px 24px}
.code-back{position:absolute;right:16px;top:12px;border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1;padding:8px;min-width:36px}
.code-back:hover{color:var(--accent);background:#193044}
.code-icon{width:64px;height:64px;margin:4px auto 24px;display:grid;place-items:center;background:#17354b;color:#90d5ff;border:1px solid #294e69;border-radius:20px;box-shadow:0 0 32px #90d5ff0b}
.code-step h1{font-size:clamp(1.7rem,6vw,2.15rem);letter-spacing:-.045em}
.code-step #login-intro{margin:12px 0 4px;color:var(--muted);font-size:.88rem}
.code-step .code-recipient{margin:0 auto 26px;color:#edf6ff;font-weight:600;font-size:.9rem;overflow-wrap:anywhere}
.code-step #code-form{padding-top:23px;border-top:1px solid var(--line);margin-top:0}
.code-step .otp-label{margin:0 0 12px;font-size:.76rem;color:var(--muted);font-weight:400}
.otp-fields{position:relative;width:100%;margin:0 auto}
.otp-fields #email-code{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:text;font-size:20px;z-index:1}
.otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;pointer-events:none}
.otp-boxes span{height:56px;display:grid;place-items:center;background:#0a141e;border:1px solid #304659;border-radius:10px;color:#edf6ff;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;transition:border-color .12s,box-shadow .12s}
.otp-boxes span.filled{background:#14283a}
.otp-boxes span.active{border-color:#90d5ff;box-shadow:0 0 0 3px #90d5ff20}
.otp-fields:focus-within .otp-boxes{border-radius:10px}
.code-step .code-resend{margin:18px 0 2px;font-size:.74rem;color:var(--muted);line-height:1.8}
.code-resend button{display:inline;border:0;background:transparent;padding:0 3px;color:#90d5ff;font-size:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.code-resend button:disabled{color:var(--muted);text-decoration:none}
.code-step #try-again{font-size:.76rem;margin-top:10px}
.code-step #mfa-field{text-align:left;margin-top:22px}
.code-step #verify-code{background:#90d5ff;color:#08121c;border:1px solid #90d5ff;border-radius:11px;padding:14px;margin-top:22px;font-weight:650}
.code-step .login-legal{justify-content:center;font-size:.72rem}
.code-step #login-feedback{font-size:.76rem;line-height:1.7}
@media(max-width:420px){.login-card.code-step{padding:30px 20px 20px}.otp-boxes{gap:6px}.otp-boxes span{height:50px;font-size:24px}.code-step .code-recipient{margin-bottom:22px}}