.email-mfa-challenge-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--content-bg);padding:var(--space-5)}.email-mfa-challenge-container{width:100%;max-width:400px}.email-mfa-challenge-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-xl)}.email-mfa-challenge-content h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:24px;font-weight:700;text-align:center}.email-mfa-challenge-description{margin:0 0 var(--space-8) 0;color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.email-mfa-challenge-info{margin-bottom:var(--space-6);padding:var(--space-3);background:var(--success-bg, #d4edda);border:1px solid var(--success-border, #c3e6cb);border-radius:var(--radius-md);text-align:center}.email-mfa-challenge-info p{margin:0;color:var(--success-text, #155724);font-size:14px}.email-mfa-challenge-form{display:flex;flex-direction:column;gap:var(--space-4)}.email-mfa-challenge-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.email-mfa-challenge-form label{color:var(--text-primary);font-size:14px;font-weight:500}.email-mfa-code-input{width:100%;padding:var(--space-4);font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base)}.email-mfa-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.email-mfa-code-input:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger-readable, var(--danger-readable, var(--danger)));border-radius:var(--radius-md);font-size:14px;text-align:center}.email-mfa-challenge-button{width:100%;padding:var(--space-4);background:var(--action-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.email-mfa-challenge-button:hover:not(:disabled){background:var(--action-primary-hover);transform:translateY(-1px)}.email-mfa-challenge-button:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-resend{margin-top:var(--space-6);text-align:center}.email-mfa-challenge-resend p{margin:0 0 var(--space-2) 0;color:var(--text-secondary);font-size:13px}.email-mfa-challenge-resend-link{background:none;border:none;color:var(--accent-readable, var(--accent));text-decoration:underline;cursor:pointer;font-size:13px;padding:0;margin:0}.email-mfa-challenge-resend-link:hover:not(:disabled){color:var(--accent-hover)}.email-mfa-challenge-resend-link:disabled{opacity:.6;cursor:not-allowed}.email-mfa-challenge-resend-error{color:var(--danger-readable, var(--danger-readable, var(--danger)))!important;font-size:12px!important}.mfa-challenge-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--content-bg);padding:var(--space-5)}.mfa-challenge-container{width:100%;max-width:400px}.mfa-challenge-content{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10);box-shadow:var(--shadow-xl)}.mfa-challenge-content h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:24px;font-weight:700;text-align:center}.mfa-challenge-description{margin:0 0 var(--space-8) 0;color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.6}.mfa-challenge-form{display:flex;flex-direction:column;gap:var(--space-4)}.mfa-challenge-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.mfa-challenge-form label{color:var(--text-primary);font-size:14px;font-weight:500}.mfa-code-input{width:100%;padding:var(--space-4);font-size:24px;font-weight:600;text-align:center;letter-spacing:.5em;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base)}.mfa-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.mfa-code-input:disabled{opacity:.6;cursor:not-allowed}.mfa-challenge-error{padding:var(--space-3);background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger-readable, var(--danger-readable, var(--danger)));border-radius:var(--radius-md);font-size:14px;text-align:center}.mfa-challenge-button{width:100%;padding:var(--space-4);background:var(--action-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-2)}.mfa-challenge-button:hover:not(:disabled){background:var(--action-primary-hover);transform:translateY(-1px)}.mfa-challenge-button:disabled{opacity:.6;cursor:not-allowed}.mfa-challenge-help{margin-top:var(--space-6);text-align:center}.mfa-challenge-help p{margin:0;color:var(--text-secondary);font-size:13px}.mfa-challenge-link{color:var(--accent-readable, var(--accent));text-decoration:none}.mfa-challenge-link:hover{text-decoration:underline}.mfa-challenge-switch{margin-bottom:var(--space-4);text-align:center}.mfa-challenge-switch-link{background:none;border:none;color:var(--accent-readable, var(--accent));text-decoration:underline;cursor:pointer;font-size:14px;padding:0;margin:0}.mfa-challenge-switch-link:hover{color:var(--accent-hover)}