.two-factor-code{font-variant-numeric:tabular-nums;letter-spacing:.22em;text-align:center;font-size:1.35rem!important;font-weight:800}
.two-factor-verify-form small{display:block;margin-top:.45rem;color:#667892}
.two-factor-trust{margin-top:.25rem}.two-factor-cancel{margin-top:1.4rem}
.security-page{max-width:1500px}.security-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}
.security-header__icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1rem;background:#e8f3ff;color:#0767c8;font-size:1.6rem}
.security-state{padding:.55rem .8rem;border-radius:999px;background:#eef2f6;color:#607089;font-size:.78rem;font-weight:800;letter-spacing:.06em}
.security-state--enabled{background:#e1f6eb;color:#087a4d}
.security-policy-notice{margin:0 0 1rem;padding:1rem 1.1rem;border:1px solid #a9d3f7;border-radius:1rem;background:#eef7ff;color:#174f7e}.security-policy-notice strong{display:block;margin-bottom:.2rem;color:#0a5fac}.security-policy-notice p{margin:0}
.security-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem;align-items:start}.security-layout--actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.security-enrollment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.5rem;align-items:center}
.security-qr{padding:.7rem;border:1px solid #d5e2f0;border-radius:1rem;background:#fff}.security-qr img{display:block;max-width:100%;height:auto}
.security-manual code{display:block;margin:.8rem 0;padding:.85rem;border-radius:.65rem;background:#eef5fc;color:#083c70;font-size:1rem;font-weight:800;letter-spacing:.12em;overflow-wrap:anywhere}
.security-form{display:grid;gap:.85rem}.security-form label{display:grid;gap:.4rem}.security-form label>span{font-size:.76rem;font-weight:800;color:#536783;text-transform:uppercase;letter-spacing:.06em}.security-form input{min-height:46px;border:1px solid #c8d8e9;border-radius:.65rem;padding:.7rem .8rem}
.security-form--inline{grid-template-columns:minmax(260px,1fr) auto;align-items:end}.security-danger{border-color:#f2c9c4}
.security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.security-summary article{display:grid;gap:.2rem;padding:1rem 1.1rem;border:1px solid #d7e3ef;border-radius:1rem;background:#fff}.security-summary span{font-size:.72rem;font-weight:800;color:#657791;letter-spacing:.08em}.security-summary strong{font-size:1.7rem;color:#0a63bd}.security-summary small{color:#6b7d95}
.recovery-card{border-color:#75d5a5;background:#f7fffb}.recovery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin:1rem 0}.recovery-grid code{padding:.7rem;border:1px solid #bde7d1;border-radius:.55rem;background:#fff;text-align:center;font-weight:800;color:#0b6342}
@media(max-width:900px){.security-layout,.security-layout--actions,.security-summary{grid-template-columns:1fr}.security-enrollment{grid-template-columns:1fr}.security-qr{justify-self:center}.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.security-header{grid-template-columns:auto 1fr}.security-state{grid-column:1/-1;justify-self:start}.security-form--inline{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}}

.account-settings-page{max-width:1500px}
.account-settings-hero{min-height:150px}
.account-settings-avatar{width:82px;height:82px;flex:0 0 82px;display:grid;place-items:center;color:#0b67c8;border:1px solid #cfe0f1;border-radius:22px;background:linear-gradient(145deg,#edf6ff,#dcecff);font-size:24px;font-weight:950;box-shadow:inset 0 0 0 7px rgba(255,255,255,.72)}
.account-settings-tabs{position:relative;top:auto}
.account-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.account-settings-main{min-width:0;display:grid;gap:16px}
.account-settings-help{position:sticky;top:18px}
.account-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.account-password-grid label{min-width:0;padding:13px 14px;display:grid;gap:7px;border:1px solid #dce7f2;border-radius:12px;background:#f8fbff}
.account-password-grid label>span{color:#65778d;font-size:11px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.account-password-grid input{width:100%;min-height:46px;border:1px solid #c8d8e9;border-radius:.65rem;padding:.7rem .8rem;background:#fff}
.account-password-grid .field-validation-error{color:#bd332c;font-size:11px;font-weight:750}
.account-card-actions{margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e1e9f2}
.account-card-actions>span{color:#687b92;font-size:12px}
.account-security-enrollment{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}
.account-security-action{padding:18px;border:1px solid #dce7f2;border-radius:14px;background:#f8fbff}
.account-security-action h3{margin:0;color:#173250;font-size:16px}
.account-security-action p{margin:6px 0 14px;color:#6c7f96;font-size:12px;line-height:1.5}
.account-security-action .security-form{margin-top:auto}
.security-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.security-method-card{min-width:0;padding:18px;display:grid;align-content:start;gap:18px;border:1px solid #d6e3f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}
.security-method-card__heading{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #e1eaf3}
.security-method-card__heading h3{margin:0;color:#173250;font-size:18px}
.security-method-card__heading p,.security-email-step p{margin:5px 0 0;color:#687b92;font-size:13px;line-height:1.5}
.security-method-badge{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:#e5f1ff;color:#0767c8;font-size:12px;font-weight:950;letter-spacing:.05em}
.security-method-badge--mail{background:#e5f8ef;color:#087a4d;font-size:22px}
.security-email-step{padding:16px;border:1px solid #dce7f2;border-radius:13px;background:#fff}
.security-email-step--confirm{border-color:#86d8af;background:#f3fff9}
.security-method-warning{display:block;margin-top:12px;color:#b7492f;font-weight:750}
.security-summary .security-summary__method{font-size:1.05rem;line-height:1.25}
.two-factor-resend{margin-top:10px;text-align:center}
.account-settings-panel>.editor-validation{margin-bottom:16px}
.account-settings-page .security-state{margin-left:auto}
.security-preference-card{gap:0}
.security-feature-control{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #d5e3f1;border-radius:15px;background:#f8fbff}
.security-feature-control__copy{display:flex;align-items:center;gap:14px;min-width:0}.security-feature-control__copy>div{display:grid;gap:4px}.security-feature-control__copy strong{color:#173250;font-size:16px}.security-feature-control__copy span{color:#687b92;font-size:13px;line-height:1.45}
.security-feature-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:#e7f2ff;color:#0767c8;font-size:19px}
.security-feature-control__action{display:flex;align-items:center;gap:12px;flex:0 0 auto}.security-feature-control__action .security-state{margin:0}
.security-switch{display:inline-flex;align-items:center;cursor:pointer}.security-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.security-switch__track{width:50px;height:28px;padding:3px;display:block;border-radius:999px;background:#bdc9d6;box-shadow:inset 0 0 0 1px rgba(19,47,77,.08);transition:background .18s ease}.security-switch__track span{width:22px;height:22px;display:block;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(23,50,80,.24);transition:transform .18s ease}.security-switch input:checked+.security-switch__track{background:#0c70d8}.security-switch input:checked+.security-switch__track span{transform:translateX(22px)}.security-switch input:focus-visible+.security-switch__track{outline:3px solid rgba(12,112,216,.22);outline-offset:3px}.security-switch input:disabled+.security-switch__track{opacity:.62;cursor:not-allowed}
.security-preference-card>.security-policy-notice{margin:14px 0 0}.security-setup,.security-enabled-content{margin-top:18px;padding-top:18px;border-top:1px solid #e0e9f2}.security-setup[hidden],.security-method-panel[hidden],.security-method-empty[hidden],.security-disable-panel[hidden]{display:none!important}
.security-setup-heading,.security-method-panel__header{display:flex;align-items:flex-start;gap:12px}.security-setup-heading>span,.security-method-panel__header>span{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#e7f2ff;color:#0767c8;font-size:12px;font-weight:950}.security-setup-heading strong,.security-method-panel__header strong{display:block;color:#173250;font-size:16px}.security-setup-heading p,.security-method-panel__header p{margin:4px 0 0;color:#687b92;font-size:12px;line-height:1.45}
.security-method-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.security-method-option{position:relative;min-width:0;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #d5e3f1;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.security-method-option:hover{border-color:#92bce7}.security-method-option.is-selected{border-color:#0c70d8;background:#edf6ff;box-shadow:0 0 0 2px rgba(12,112,216,.1)}.security-method-option>input{position:absolute;width:1px;height:1px;opacity:0}.security-method-option:focus-within{outline:3px solid rgba(12,112,216,.18);outline-offset:2px}.security-method-option .security-method-badge{width:42px;height:42px;flex-basis:42px;border-radius:11px}.security-method-option__copy{min-width:0;display:grid;gap:3px}.security-method-option__copy strong{color:#173250;font-size:15px}.security-method-option__copy small{color:#687b92;font-size:12px;line-height:1.42}.security-method-option__check{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c9d8e7;border-radius:50%;color:transparent;background:#fff;font-size:12px;font-weight:950}.security-method-option.is-selected .security-method-option__check{border-color:#0c70d8;background:#0c70d8;color:#fff}
.security-method-empty{margin:14px 0 0;padding:14px 16px;border:1px dashed #c8d8e8;border-radius:12px;background:#fbfdff;color:#63768e;font-size:13px;text-align:center}.security-method-panel{margin-top:16px;padding:16px;border:1px solid #cfe0f1;border-radius:15px;background:#f7fbff}.security-method-panel>.security-method-card{margin-top:14px;background:#fff}.security-method-confirmation{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.security-method-confirmation .btn{grid-column:1/-1}.security-email-step>.security-form{margin-top:14px}
.security-disable-panel{margin-top:18px;padding:16px;border:1px solid #efc6c1;border-radius:14px;background:#fff8f7}.security-disable-panel>div{margin-bottom:14px}.security-disable-panel>div strong{display:block;color:#9d3028;font-size:15px}.security-disable-panel>div p{margin:4px 0 0;color:#7a5d59;font-size:12px}
@media(max-width:1100px){.account-settings-layout{grid-template-columns:1fr}.account-settings-help{position:static}.account-password-grid{grid-template-columns:1fr}.account-security-enrollment,.security-method-grid{grid-template-columns:1fr}}
@media(max-width:700px){.account-settings-hero{align-items:flex-start}.account-settings-avatar{width:64px;height:64px;flex-basis:64px;border-radius:18px;font-size:19px}.account-settings-tabs{overflow-x:auto}.account-settings-tabs button{flex:1 0 auto}.account-card-actions{align-items:stretch;flex-direction:column}.account-card-actions .btn{width:100%}.account-settings-page .security-state{margin-left:0}.security-feature-control{align-items:flex-start;flex-direction:column}.security-feature-control__action{width:100%;justify-content:space-between}.security-method-choice,.security-method-confirmation{grid-template-columns:1fr}.security-method-confirmation .btn{grid-column:auto}.security-form--inline{grid-template-columns:1fr}}
