.mfa-inline-help,.recovery-login{margin-top:1rem;border:1px solid #dfe2ea;border-radius:15px;background:#fff}.mfa-inline-help summary,.recovery-login summary{min-height:48px;padding:.8rem 1rem;color:#5538d1;font-size:.95rem;font-weight:800;cursor:pointer}.mfa-inline-help ol{display:grid;gap:.55rem;margin:.2rem 1.2rem 1rem;padding-left:1.3rem;color:#4f596b;font-size:.9rem;line-height:1.5}.mfa-inline-help p{margin:0;padding:1rem;border-top:1px solid #eceef3;color:#9a4b16;font-size:.875rem;line-height:1.5}.recovery-login label{margin:0;padding:0 1rem 1rem}
.mfa-enrolment-options{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);gap:1rem}.mfa-qr-card,.mfa-phone-option{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:1rem;border:1px solid #dcd5ff;border-radius:18px;background:#f8f6ff}.mfa-qr-card{align-items:center;text-align:center}.mfa-qr-card [data-mfa-qr]{display:grid;place-items:center;width:min(220px,100%);aspect-ratio:1;margin-bottom:.7rem;padding:.55rem;border-radius:12px;background:#fff}.mfa-qr-card svg{display:block;width:100%;height:100%}.mfa-qr-card span,.mfa-phone-option p{margin:.35rem 0 0;color:#5f6879;font-size:.875rem;line-height:1.5}.mfa-phone-option .auth-setup-link{margin-top:auto}
.mfa-guide-intro{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1.2rem;border-radius:22px;background:linear-gradient(135deg,#201a37,#6748e8);color:#fff}.mfa-guide-intro>span{display:grid;flex:0 0 auto;place-items:center;width:58px;height:58px;border-radius:18px;background:#ffffff18;font-size:1.5rem}.mfa-guide-intro h3{margin:0;font-size:1.2rem}.mfa-guide-intro p{max-width:850px;margin:.3rem 0 0;color:#e8e4ff;font-size:1rem;line-height:1.6}
.mfa-device-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.mfa-device-choice article{padding:1.2rem;border:1px solid #e1e3e9;border-radius:20px;background:#fff}.mfa-device-choice span{display:inline-flex;padding:.3rem .6rem;border-radius:999px;background:#eae5ff;color:#5c40d5;font-size:.8rem;font-weight:850}.mfa-device-choice h3{margin:.7rem 0 .35rem;color:#1d2030;font-size:1.12rem}.mfa-device-choice p{margin:0;color:#5f6879;font-size:1rem;line-height:1.6}
.mfa-guide-steps{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.mfa-guide-steps li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:1rem;padding:1.1rem;border:1px solid #e1e3e9;border-radius:20px;background:#fff}.mfa-guide-steps li>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#171925;color:#fff;font-weight:850}.mfa-guide-steps h3{margin:0;color:#1d2030;font-size:1.08rem}.mfa-guide-steps p{margin:.3rem 0 0;color:#5f6879;font-size:1rem;line-height:1.6}
.mfa-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.mfa-help-grid article{padding:1.2rem;border-radius:20px;background:#eef7f5}.mfa-help-grid article.warning{background:#fff0e8}.mfa-help-grid h3{margin:0;color:#1d2030;font-size:1.08rem}.mfa-help-grid p{margin:.35rem 0 0;color:#526071;font-size:1rem;line-height:1.6}
.recovery-dialog{width:min(660px,calc(100% - 2rem));max-height:calc(100svh - 2rem);overflow:auto;padding:0;border:0;border-radius:28px;background:#fff;color:#1d2030;box-shadow:0 30px 110px #06091470}.recovery-dialog::backdrop{background:#090d18b8;backdrop-filter:blur(7px)}.recovery-dialog-head{padding:1.5rem 1.5rem 1rem}.recovery-dialog-head>span{color:#6748e8;font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.recovery-dialog-head h2{margin:.35rem 0;font-size:clamp(1.8rem,5vw,2.65rem);line-height:1.05}.recovery-dialog-head p{margin:.55rem 0 0;color:#5f6879;font-size:1rem;line-height:1.55}.recovery-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0 1.5rem;padding:1rem;border-radius:18px;background:#161926}.recovery-code-list code{padding:.55rem;border-radius:9px;background:#ffffff0d;color:#fff;text-align:center;font-size:1rem;font-weight:800;letter-spacing:.05em}.recovery-actions{display:flex;gap:.7rem;padding:1rem 1.5rem 0}.recovery-actions button,.recovery-continue{min-height:48px;padding:.75rem 1rem;border:0;border-radius:999px;background:#ebe7ff;color:#5538d1;font:800 1rem/1.2 inherit;cursor:pointer}.recovery-confirm{display:flex!important;align-items:flex-start!important;gap:.7rem!important;margin:1rem 1.5rem!important;color:#4f596b!important;font-size:.95rem!important;line-height:1.5!important}.recovery-confirm input{flex:0 0 auto;width:22px!important;height:22px!important;margin:.1rem 0 0!important}.recovery-continue{width:calc(100% - 3rem);margin:0 1.5rem 1.5rem;background:#171925;color:#fff}.recovery-continue:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.mfa-enrolment-options,.mfa-device-choice,.mfa-help-grid{grid-template-columns:1fr}.mfa-guide-steps li{grid-template-columns:46px minmax(0,1fr)}.mfa-guide-steps li>span{width:44px;height:44px}.mfa-guide-intro{align-items:flex-start}}
@media(max-width:430px){.mfa-qr-card [data-mfa-qr]{width:190px}.recovery-dialog{width:calc(100% - 1rem)}.recovery-dialog-head{padding:1.2rem 1.2rem .8rem}.recovery-code-list{margin-inline:1.2rem;gap:.4rem;padding:.75rem}.recovery-code-list code{padding:.5rem .25rem;font-size:.82rem}.recovery-actions{padding-inline:1.2rem}.recovery-confirm{margin-inline:1.2rem!important}.recovery-continue{width:calc(100% - 2.4rem);margin-inline:1.2rem}}
@media(max-width:330px){.recovery-code-list{grid-template-columns:1fr}}