.profile-mfa-panel{max-width:760px;margin:0 auto;padding:clamp(24px,4vw,42px)}
.profile-mfa-panel h2{margin:8px 0 22px}
.profile-mfa-panel p{max-width:64ch;line-height:1.75}
.profile-mfa-panel form{margin:28px 0}
.profile-mfa-panel .field{max-width:420px}
.mfa-setup-grid{display:grid;grid-template-columns:minmax(180px,246px) minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,38px);margin:27px 0}
.mfa-qr-card{min-width:0;padding:16px;border:1px solid #d9e7d9;border-radius:16px;background:#f8fbf6;text-align:center}
.mfa-qr-card #mfa-qr{display:grid;place-items:center;aspect-ratio:1;padding:10px;border:1px solid #e2e9df;border-radius:10px;background:#fff}
.mfa-qr-card #mfa-qr svg{display:block;width:100%;height:auto;max-width:210px}
.mfa-qr-card p{margin:13px 0 1px;font-size:12px;line-height:1.55;color:#4d6557}
.mfa-login-qr{width:min(100%,250px);margin:20px auto 25px}
.mfa-steps{display:grid;gap:16px;padding:0;margin:28px 0 30px;list-style:none;counter-reset:mfa}
.mfa-steps li{counter-increment:mfa;position:relative;min-height:38px;padding-left:54px;line-height:1.65}
.mfa-steps li:before{content:counter(mfa,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #cbdccf;border-radius:11px;color:#174838;background:#f2f7ed;font-size:12px;font-weight:700}
.mfa-secret{display:grid;gap:9px;width:fit-content;max-width:100%;padding:18px 22px;border:1px solid #bfd7c7;border-radius:13px;background:#f3f8f1}
.mfa-secret span{font-size:12px;font-weight:650;color:#456655}
.mfa-secret code{font-size:clamp(15px,3vw,22px);font-weight:700;letter-spacing:.12em;line-height:1.5;overflow-wrap:anywhere;user-select:all;color:#183e32}
@media(max-width:600px){.profile-mfa-panel{padding:22px}.mfa-setup-grid{grid-template-columns:1fr;gap:12px}.mfa-qr-card{width:min(100%,260px);margin:auto}.mfa-steps li{padding-left:47px}.mfa-secret{width:100%}.profile-mfa-panel form .button{width:100%}}