.security-auth-card{max-width:560px}
.security-shield{width:48px;height:48px;border:1px solid rgba(47,191,113,.45);border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:22px;color:#2fbf71;background:rgba(47,191,113,.08);margin:2px 0 14px}
.security-note{display:grid;gap:5px;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025);font-size:13px;line-height:1.5}
.security-note span{opacity:.68}
.mfa-setup-panel{display:grid;gap:16px}
.mfa-setup-heading{display:grid;gap:6px}
.mfa-setup-heading h2{margin:0;font-size:22px}
.mfa-qr-shell{display:grid;place-items:center;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#fff;max-width:240px;margin-inline:auto}
.mfa-qr-shell img{display:block;width:200px;height:200px;max-width:100%}
.mfa-secret-row{display:grid;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.mfa-secret-row code{font-size:13px;word-break:break-all;user-select:all}
.otp-fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.otp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.otp-digit{width:100%;min-width:0;aspect-ratio:1/1.05;text-align:center;font-size:24px;font-weight:700;border-radius:10px;padding:0}
.otp-digit:focus{outline:2px solid rgba(244,196,48,.55);outline-offset:1px}
.recovery-panel{display:grid;gap:12px;padding:16px;border:1px solid rgba(244,196,48,.28);border-radius:14px;background:rgba(244,196,48,.055)}
.recovery-panel pre{margin:0;padding:14px;border-radius:10px;background:rgba(0,0,0,.28);white-space:pre-wrap;word-break:break-word;user-select:all;font-size:13px;line-height:1.7}
.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-success{color:#7fe8a8}
@media(max-width:520px){.otp-grid{gap:6px}.otp-digit{font-size:20px;border-radius:8px}.recovery-actions{grid-template-columns:1fr}.mfa-qr-shell img{width:180px;height:180px}}