.account-security,.account-recover{--sec-border:rgba(180,164,222,.24);--sec-muted:#c0bad0;color:#f4f0ff;font-size:14px;line-height:1.6}
.account-security{margin:20px 0;padding:24px;border:1px solid var(--sec-border);border-radius:20px;background:linear-gradient(140deg,rgba(63,45,94,.6),rgba(20,24,43,.98) 60%);box-shadow:0 12px 32px #0002}
.account-security [hidden],.account-recover [hidden]{display:none!important}
.security-heading,.security-row,.security-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.security-eyebrow{margin:0 0 5px!important;color:#dfbc70!important;font-size:10px;font-weight:800;letter-spacing:.15em}
.security-heading h3,.account-recover h3{margin:0;font-size:23px;line-height:1.3;color:#fff2d9}
.security-badge{padding:5px 10px;border:1px solid #d8b46d4d;border-radius:30px;color:#f0ce8b;background:#d8b46d12;font-size:11px;font-weight:700}
.security-intro{margin:13px 0 19px;color:var(--sec-muted)}
.recovery-key-card{background:#111629b3;border:1px solid var(--sec-border);border-radius:14px;padding:18px}
.security-row h4{margin:0;font-size:15px}.security-row h4 span,.security-option b{font-size:11px;color:#dfbc70;margin-right:8px}
.security-state{color:#bcb4d1;font-size:11px}.recovery-key-card p,.security-option p,.account-recover>p{color:var(--sec-muted);margin:10px 0 15px}
.recovery-key-display{padding:15px;margin:15px 0;background:#171e35;border-radius:10px;border:1px solid #cfb27660}
.recovery-key-display .security-row{font-size:12px;color:#f2d797}.recovery-key-display [data-key-deadline]{font-size:11px;color:var(--sec-muted)}
.recovery-key{display:block;user-select:all;font:600 15px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.07em;overflow-wrap:anywhere;background:#0d1120;border:1px dashed #7b6e94;border-radius:8px;padding:14px;margin:12px 0;color:#ffdfa0}
.account-security button,.account-recover button{border:1px solid #79708b80;border-radius:9px;padding:10px 15px;background:#2c3047;color:#eeebf7;font:inherit;font-size:12px;font-weight:700;cursor:pointer;min-height:42px;transition:background .15s}
.account-security button:hover,.account-recover button:hover{background:#3d405c}.account-security .security-primary,.account-recover .security-primary{background:#e4c183;border-color:#e4c183;color:#241e33}.account-security .security-primary:hover,.account-recover .security-primary:hover{background:#f0d39d}
.account-security button:disabled,.account-recover button:disabled{opacity:.6;cursor:wait}
.security-actions{justify-content:flex-start}.security-option{margin-top:12px;border:1px solid var(--sec-border);border-radius:12px;background:#171b2bb3;padding:15px 18px}.security-option summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;min-height:28px}.security-option[open] summary{margin-bottom:14px}
.security-form{margin-top:15px;display:grid;gap:9px}.security-form label,.recovery-key-display label{display:block;font-size:12px;font-weight:600;color:#e5dfed}.security-form input,.security-form select,.security-form textarea,.recovery-key-display input{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #676279;border-radius:8px;padding:10px 12px;background:#101423;color:#f5f1ff;font:inherit}
.security-form select{font-size:12px;text-overflow:ellipsis}.security-form textarea{resize:vertical;min-height:90px}.security-form input:focus,.security-form select:focus,.security-form textarea:focus,.recovery-key-display input:focus{outline:2px solid #c5afe8;outline-offset:2px}
.security-form .security-check{display:flex;align-items:flex-start;gap:10px;margin:8px 0;line-height:1.6}.security-check input{width:18px;min-height:18px;margin-top:3px;flex-shrink:0;accent-color:#dab775}
.recovery-help{font-size:11px!important;line-height:1.6;margin:2px 0 10px!important;color:#b9b3c9!important}.recovery-feedback{font-size:13px;border-radius:8px;overflow-wrap:anywhere}.recovery-feedback:not(:empty){padding:12px 14px;border:1px solid #e7999955;background:#ab4c4c18;color:#ffc9c9!important}.recovery-feedback[data-state=success]:not(:empty){color:#b6efd5!important;background:#3f936c1a;border-color:#77d2a344}
.recovery-key-display input{max-width:100px;letter-spacing:.15em;text-transform:uppercase}.recovery-key-display [data-key-confirmed]{color:#a1e5c1}
.recovery-forgot{border:0!important;background:transparent!important;color:#dcc79f!important;cursor:pointer;text-decoration:underline;text-underline-offset:4px;margin:8px auto;padding:8px;font:inherit;font-size:13px}
.account-recover{padding:8px 4px}.account-recover .recovery-back{margin-bottom:22px;background:transparent;border-color:var(--sec-border)}
.recovery-methods{margin:5px 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}.recovery-methods legend{font-size:12px;margin-bottom:9px}.recovery-methods label{border:1px solid #71677f;border-radius:10px;padding:12px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;background:#222438}.recovery-methods label:has(input:checked){border-color:#ddbb7b;background:#43394e}.recovery-methods input{width:16px;min-height:16px;margin-top:3px;accent-color:#dfbe81;flex-shrink:0}.recovery-methods small{display:block;font-size:10px;font-weight:400;color:#c6bed2;margin-top:4px}.recovery-guard{font-size:11px!important;margin-top:22px!important;padding-top:16px;border-top:1px solid var(--sec-border)}
.recovery-validated{padding:12px;border:1px solid #73bc9680;border-radius:8px;background:#44876020;color:#bce5c9;display:flex;justify-content:space-between}
@media(max-width:560px){.account-security{padding:16px 12px;border-radius:14px}.security-heading h3,.account-recover h3{font-size:20px}.recovery-key-card,.security-option{padding:13px 11px}.recovery-key-display{padding:11px}.recovery-key{font-size:13px;padding:11px}.recovery-methods{grid-template-columns:1fr}.security-badge{font-size:10px}.security-row{align-items:flex-start;gap:5px}.security-actions button{flex-grow:1}.security-form select{font-size:11px}}