.mfa-form{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-width:420px}
.mfa-form h2{margin:0;font-size:20px}.mfa-form p{margin:0;line-height:1.6}.mfa-form label{margin:4px 0 0}.mfa-form input{letter-spacing:.3em;font-size:22px}#mfa-form .button{margin-top:4px}
.mfa-setup{display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:14px;padding:18px;margin:4px 0}
.mfa-setup img{display:block;background:white;border:10px solid white;border-radius:10px;margin:auto;width:144px;max-width:100%;height:auto}
.mfa-setup code{display:block;overflow-wrap:anywhere;user-select:all;margin-top:12px;font-size:14px}.mfa-setup summary{cursor:pointer}.mfa-setup p{font-size:12px}
.mfa-form.hidden,.mfa-setup.hidden{display:none}
@media(max-width:480px){.mfa-setup{padding:14px}.mfa-form{margin-top:18px}}

.login-shell.mfa-active .login-form-wrap{padding-block:24px}
.login-shell.mfa-active{grid-template-columns:minmax(0,1fr)}
.login-shell.mfa-active .login-story{display:none}
.login-shell.mfa-active .login-form-wrap{width:100%;min-height:100vh;padding:24px}
.login-shell.mfa-active .login-card{max-width:420px}