#mfa-section[hidden], #mfa-setup[hidden],
#login-form[hidden], #resend-confirmation[hidden] { display: none; }
#mfa-section { text-align: left; line-height: 1.5; }
#mfa-section button { margin-top: 12px; }
#mfa-setup-key { width: 100%; box-sizing: border-box; font-family: monospace; font-size: 0.9rem; }
#mfa-code { letter-spacing: 0.12em; }
#mfa-section button:disabled { opacity: 0.6; cursor: not-allowed; }
#mfa-section h3 { font-size: 1.2rem; margin-bottom: 8px; }
#mfa-section p { font-size: 0.9rem; color: #716879; }
#mfa-section label { display: block; font-weight: 600; margin-bottom: 8px; font-size: 0.9rem; }
#mfa-section input {
    box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px;
    border: 1px solid #dcd6e2; border-radius: 8px; background: #faf9fc;
    color: #332b3c; font-size: 1rem;
}
#mfa-section button {
    box-sizing: border-box; width: 100%; min-height: 44px; padding: 12px;
    border: 1px solid #dcd6e2; border-radius: 8px; background: #faf9fc;
    color: #704593; font: inherit; font-size: 0.9rem; cursor: pointer;
}
#mfa-section #mfa-verify-button {
    min-height: 48px; background: linear-gradient(135deg, #e84c2c, #ff6e4a);
    color: #fff; border: none; font-weight: 600;
}
#mfa-setup { padding: 12px; border: 1px solid #dcd6e2; border-radius: 8px; margin-bottom: 20px; }
#mfa-setup #mfa-setup-key { font-size: 0.85rem; }