.security-card{max-width:760px;margin-top:22px;padding:28px;color:var(--text)}
.security-card .card-heading{padding:0;align-items:flex-start;gap:15px;flex-wrap:wrap}
.security-card h2{margin:8px 0;font-size:22px}.security-card h3{font-size:18px;margin:0 0 10px}
.security-card p{line-height:1.7;font-size:13px;color:#bcc9d7}.security-card .security-description{margin:18px 0 24px}
.security-card form{display:grid;gap:16px;max-width:460px}.security-card label{display:grid;gap:8px;font-size:13px;color:#edf3fa}
.security-card input,.security-card select{width:100%;min-height:44px;background:#0e1722;color:#edf3fa;border:1px solid #435165;border-radius:8px;padding:11px 12px;font:inherit}
.security-card input:focus,.security-card select:focus{outline:2px solid var(--accent);outline-offset:2px}
.security-card [name="code"]{font-family:Consolas,monospace;letter-spacing:2px;font-size:17px}
.security-card .form-error{padding:0;margin:0;color:var(--red)}.security-card .btn{min-height:42px;white-space:normal}
.security-card .security-hint{font-size:12px;color:#a9b8ca}.security-card .security-steps{padding-left:22px;color:#edf3fa;font-size:13px;line-height:2}
.security-pair{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:center;margin:22px 0}
.security-qr{background:white;border-radius:10px;overflow:hidden;width:220px;max-width:100%;padding:8px}.security-qr svg{display:block;width:100%;height:auto}
.security-secret{display:block;overflow-wrap:anywhere;user-select:all;letter-spacing:2px;background:#0d1621;border:1px solid #3a495b;padding:12px;border-radius:8px;color:#deff91;font-size:14px;line-height:1.7}
.security-actions{display:flex;flex-wrap:wrap;gap:10px}.security-actions .btn{flex:1}
.security-recovery{margin:22px 0;padding:22px;border:1px solid #727b41;background:#20291d;border-radius:12px}
.security-code-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.security-code-list code{font-size:13px;line-height:1.6;letter-spacing:.4px;color:#edf5de;user-select:all;overflow-wrap:anywhere}
.security-summary{display:flex;gap:14px;align-items:center;padding:18px 0}.security-summary p{margin:5px 0}.security-shield{display:grid;place-items:center;flex-shrink:0;width:44px;height:48px;background:#d4fa70;color:#14200e;border-radius:15px;font-size:24px}
.security-manage{border-top:1px solid #384353;margin-top:12px;padding-top:18px}.security-manage summary{cursor:pointer;color:#dce8fa;font-size:13px;font-weight:600}.security-manage summary:focus-visible{outline:2px solid var(--accent)}
.security-card .security-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.6;color:#bac7d6}.security-confirm input{width:18px;min-height:18px;flex:0 0 18px;margin-top:2px;accent-color:#d4fa70}
.security-card .security-notice{padding:13px 16px;border:1px solid #536344;background:#1f2b20;color:#d9edcb;border-radius:8px}
.signin-text-button{border:0;background:none;color:#bccbdc;cursor:pointer;text-align:center;padding:8px;font:inherit;font-size:12px}.signin-text-button:hover{color:#deff91}.signin-text-button:disabled{opacity:.5;cursor:wait}
#mfa-login-code{letter-spacing:3px}#mfa-login-help{font-size:12px;color:#bfccda;line-height:1.7;margin:0}
@media(max-width:600px){.security-card{padding:20px 16px}.security-pair{grid-template-columns:1fr;gap:16px}.security-qr{margin:auto;width:230px}.security-code-list{grid-template-columns:1fr}.security-recovery{padding:16px}.security-card h2{font-size:20px}.security-actions{flex-direction:column}}
@container(max-width:600px){.security-card{padding:20px 16px}.security-pair{grid-template-columns:1fr;gap:16px}.security-qr{margin:auto}.security-code-list{grid-template-columns:1fr}.security-actions{flex-direction:column}}