/* MFA is a normal-flow second step; never inherit absolute first-step fields. */
html body #root main.login352 .connection-card:has(.login-mfa){display:flex!important;flex-direction:column!important;padding:clamp(140px,23svh,240px) 24px 40px!important;gap:20px!important;min-height:100svh!important;box-sizing:border-box!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.login346-intro,html body #root main.login352 .connection-card:has(.login-mfa)>.login346-hint{display:none!important}
html body #root main.login352 .connection-card:has(.login-mfa)>:not(.login346-brand){position:static!important;inset:auto!important;transform:none!important;max-width:420px!important;width:100%!important;margin:0!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.login346-key{width:32px!important;height:36px!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.registration-heading h1{font-size:clamp(23px,5vw,30px)!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.registration-heading p{font-size:16px!important;color:#a8ddd5!important}
html body #root main.login352 .login-mfa{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #root main.login352 .login-mfa>strong{font:500 16px/1.4 inherit!important;font-family:inherit!important;font-size:16px!important;text-align:center!important}
html body #root main.login352 .login-mfa>p{font-family:inherit!important;font-size:13px!important;line-height:1.5!important;text-align:center!important;margin:0!important;color:#afbec5!important}
html body #root main.login352 .login-mfa>input{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;border:1px solid #668e91!important;border-radius:12px!important;background:#06161b!important;color:#e3ecee!important;padding:0 18px!important;font:400 20px/1.2 sans-serif!important;letter-spacing:4px!important}
html body #root main.login352 .login-mfa>.mfa-submit{position:static!important;transform:none!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;width:auto!important;min-width:160px!important;max-width:100%!important;height:44px!important;min-height:44px!important;margin:8px auto 0!important;padding:0 20px!important;border:0!important;border-radius:12px!important;background:#a6e7dc!important;color:#062329!important;font-family:inherit!important;font-size:16px!important;box-shadow:none!important}
html body #root main.login352 .login-mfa>.mfa-mode-switch{background:transparent!important;border:0!important;box-shadow:none!important;color:#a8ddd5!important;font-family:inherit!important;font-size:14px!important;min-height:44px!important;padding:6px!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.connection-notice{box-sizing:border-box!important;font-size:13px!important;line-height:1.5!important;padding:12px!important;overflow-wrap:anywhere}
html body #root main.login352 .connection-card:has(.login-mfa)>.login346-footer{order:10;margin-top:auto!important;padding-top:48px!important}
html body #root main.login352 .connection-card:has(.login-mfa)>.access-privacy{order:11;padding-bottom:env(safe-area-inset-bottom)!important;text-align:center!important}