.mfa-page{flex:1 1;min-height:100dvh;padding:3rem 1rem;background:var(--color-bg-secondary,#f7f9fa);color:var(--color-text-primary,#243544)}.mfa-card,.mfa-page{min-width:0;width:100%}.mfa-card{max-width:560px;margin:0 auto;padding:2rem;background:var(--color-surface,#fff);border:1px solid var(--color-border,#dce4e9);border-radius:var(--radius-lg,16px);box-shadow:0 8px 32px #22334408;overflow-wrap:anywhere}.mfa-brand,.mfa-card{display:flex;flex-direction:column}.mfa-brand{gap:.5rem;margin-bottom:2rem}.mfa-brand img{object-fit:contain;object-position:left center;max-width:100%}.mfa-brand span{color:var(--color-text-muted,#697886);font-size:.8rem}.mfa-card h1{font-size:1.5rem;margin:0 0 .75rem;line-height:1.5}.mfa-card h2{font-size:1.1rem;margin:0 0 .75rem}.mfa-card p{line-height:1.75;margin:0 0 1rem;overflow-wrap:anywhere}.mfa-muted{font-size:.875rem;color:var(--color-text-secondary,#586977)}.mfa-actions,.mfa-form{gap:1rem}.mfa-actions,.mfa-field,.mfa-form{display:flex;flex-direction:column}.mfa-field{gap:.5rem;font-size:.875rem}.mfa-input{width:100%;min-height:48px;padding:.75rem;border:1px solid var(--color-border,#dce4e9);border-radius:var(--radius-md,8px);font:inherit;color:inherit;background:var(--color-bg-primary,#fff);box-sizing:border-box}.mfa-button:focus-visible,.mfa-input:focus-visible,.mfa-link-button:focus-visible{outline:3px solid var(--color-accent,#2d8b92);outline-offset:3px}.mfa-code{font-size:1.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2em}.mfa-button,.mfa-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1rem;border-radius:var(--radius-md,8px);border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;text-align:center}.mfa-button{color:#fff;background:var(--color-accent,#2d8b92)}.mfa-secondary{color:var(--color-text-primary,#243544);background:var(--color-bg-primary,#fff);border-color:var(--color-border,#dce4e9)}.mfa-button:disabled,.mfa-secondary:disabled{opacity:.55;cursor:not-allowed}.mfa-link-button{min-height:44px;color:var(--color-accent,#2d8b92);font:inherit;background:none;border:0;padding:.5rem 0;cursor:pointer;text-decoration:underline}.mfa-card>.mfa-link-button{display:inline-flex;align-self:center;align-items:center;justify-content:center;max-width:100%;margin-top:.5rem;text-align:center}.mfa-error,.mfa-notice{margin-bottom:1rem;border-radius:var(--radius-md,8px);padding:.875rem 1rem;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.mfa-error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.mfa-notice{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.mfa-qr{display:block;width:224px;max-width:100%;height:auto;margin:1rem auto;padding:.5rem;background:#fff}.mfa-secret{display:block;overflow-wrap:anywhere;padding:.75rem;margin:.75rem 0;font-size:1rem;-webkit-user-select:all;-moz-user-select:all;user-select:all}.mfa-codes,.mfa-secret{background:var(--color-bg-secondary,#f7f9fa);border-radius:var(--radius-md,8px)}.mfa-codes{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem;list-style:none;margin:0 0 1rem}.mfa-codes code{font-size:.875rem;overflow-wrap:anywhere;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:all;-moz-user-select:all;user-select:all}.mfa-check{display:flex;gap:.75rem;align-items:flex-start;line-height:1.6;font-size:.875rem}.mfa-check input{width:20px;height:20px;flex-shrink:0;margin-top:.15rem;accent-color:var(--color-accent,#2d8b92)}.mfa-check+.mfa-button{margin-top:1rem}.mfa-section{padding:1.5rem 0;border-top:1px solid var(--color-border,#dce4e9)}.mfa-inline-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}.mfa-passkeys{list-style:none;padding:0;margin:1rem 0}.mfa-passkeys li{border-bottom:1px solid var(--color-border,#dce4e9);padding:.75rem 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.mfa-passkeys li>div{min-width:0}.mfa-passkeys small{display:block;margin-top:.25rem}.mfa-expiry{font-size:.75rem;color:var(--color-text-muted,#697886);margin-top:1rem!important}.mfa-passkey-login{margin-top:1rem;width:100%}@media(max-width:480px){.mfa-page{padding:1rem .75rem}.mfa-card{padding:1.25rem}.mfa-card h1{font-size:1.3rem}.mfa-inline-actions>*{flex:1 1 130px}}