.security-page{max-width:1050px;margin:0 auto;padding:28px}.security-page .settings-card{padding:26px;margin-bottom:24px}.security-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.security-heading h2{margin:0}.security-state{font-size:13px;padding:6px 12px;border:1px solid var(--line);border-radius:20px;background:#edf1f6;color:#455569}.security-state.enabled{background:#e5f3eb;color:#246044;border-color:#bbdfcb}.mfa-settings form{max-width:620px}.mfa-code{max-width:340px;letter-spacing:.1em}.mfa-steps{padding-left:22px;line-height:1.8}.mfa-enrollment{display:flex;align-items:center;gap:30px;margin:24px 0}.mfa-enrollment img{background:white;border:1px solid var(--line);border-radius:12px;flex-shrink:0}.mfa-enrollment>div{max-width:400px;min-width:0}.mfa-secret{font-family:monospace;word-break:break-all}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0}.recovery-codes li{padding:10px 14px;background:#f3f6fa;border-radius:8px}.recovery-codes code{font-size:15px;color:var(--ink)}.mfa-login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--brand-soft),#f1f4f8)}.mfa-login-card{width:100%;max-width:540px;padding:36px;background:white;border-radius:20px;border:1px solid var(--line);border-top:5px solid var(--brand-accent);box-shadow:0 16px 60px #24334715}.mfa-login-card h1{font-size:28px}.mfa-login-card p{line-height:1.7}
@media(max-width:600px){.security-page{padding:18px 12px}.security-page .settings-card{padding:20px}.mfa-enrollment{flex-direction:column;align-items:flex-start}.recovery-codes{grid-template-columns:1fr}.mfa-login-card{padding:24px}}
.security-page .page-heading{display:block}.security-page .page-heading h1{margin:8px 0 12px}.security-page .page-heading p{max-width:680px;margin-bottom:0}.security-page .page-heading .eyebrow{margin:0}.security-page,.mfa-settings,.mfa-enrollment>div{min-width:0}.mfa-settings h2{overflow-wrap:anywhere}.mfa-enrollment img{max-width:100%;height:auto}.mfa-enrollment>div{width:100%}