.two-factor-card .card-heading{align-items:flex-start}.two-factor-card .card-heading p:not(.eyebrow){margin:7px 0 0;color:var(--muted,#969bac)}.two-factor-shield{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(108,76,255,.13);color:#8b72ff;font-size:23px}.two-factor-card.enabled .two-factor-shield{background:rgba(16,185,129,.12);color:#10b981}.two-factor-status{display:flex;align-items:center;gap:12px;padding:15px 16px;margin:18px 0;border:1px solid rgba(16,185,129,.28);border-radius:14px;background:rgba(16,185,129,.08)}.two-factor-status>i{font-size:23px;color:#10b981}.two-factor-status>div{display:flex;flex:1;flex-direction:column}.two-factor-status small{margin-top:3px;color:var(--muted,#969bac)}.two-factor-status>b{padding:6px 9px;border-radius:9px;background:rgba(16,185,129,.13);color:#44d9aa;font-size:12px}.two-factor-status.disabled{border-color:rgba(242,184,75,.3);background:rgba(242,184,75,.09)}.two-factor-status.disabled>i{color:#f2b84b}.two-factor-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-factor-actions-grid details{border:1px solid var(--border,#2c3040);border-radius:14px}.two-factor-actions-grid summary{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px;cursor:pointer;list-style:none}.two-factor-actions-grid summary::-webkit-details-marker{display:none}.two-factor-actions-grid summary>i:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(108,76,255,.12);color:#8b72ff;font-size:18px}.two-factor-actions-grid details.danger summary>i:first-child{background:rgba(240,91,103,.12);color:#f05b67}.two-factor-actions-grid summary span{display:flex;flex-direction:column}.two-factor-actions-grid summary small{margin-top:2px;color:var(--muted,#969bac)}.two-factor-actions-grid details[open] summary>i:last-child{transform:rotate(180deg)}.two-factor-actions-grid form{display:grid;gap:12px;padding:0 14px 14px}.two-factor-actions-grid form label,.two-factor-enable-form label{display:grid;gap:6px;font-size:13px;font-weight:750}.two-factor-code-input{text-transform:uppercase;letter-spacing:.15em;font-weight:850}.recovery-codes-card{margin-bottom:20px;padding:24px;border-color:rgba(242,184,75,.35);background:linear-gradient(135deg,rgba(242,184,75,.1),rgba(108,76,255,.06))}.recovery-warning{display:flex;align-items:flex-start;gap:15px}.recovery-warning>i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:rgba(242,184,75,.15);color:#f2b84b;font-size:21px}.recovery-warning h3{margin:0}.recovery-warning p:not(.eyebrow){margin:6px 0 0;color:var(--muted,#969bac)}.recovery-code-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.recovery-code-grid code{padding:10px;border:1px dashed rgba(242,184,75,.42);border-radius:10px;background:rgba(10,12,18,.35);color:inherit;text-align:center;font-size:14px;letter-spacing:.08em}.recovery-actions{display:flex;gap:10px}.two-factor-setup-shell{max-width:900px;margin:0 auto}.two-factor-setup-shell>.btn{margin-bottom:16px}.two-factor-setup-card{padding:28px}.two-factor-setup-card>header{display:flex;align-items:flex-start;gap:17px}.two-factor-setup-card>header>span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#6c4cff,#a83cff);color:#fff;font-size:25px}.two-factor-setup-card h2{margin:0}.two-factor-setup-card header p:not(.eyebrow){margin:7px 0 0;color:var(--muted,#969bac)}.two-factor-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:25px 0;list-style:none}.two-factor-steps li{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border,#2c3040);border-radius:14px}.two-factor-steps li>b{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(108,76,255,.14);color:#9c87ff}.two-factor-steps li div{display:flex;flex-direction:column}.two-factor-steps li span{margin-top:4px;color:var(--muted,#969bac);font-size:12px;line-height:1.45}.two-factor-secret-panel{display:flex;flex-direction:column;align-items:center;padding:22px;border:1px solid rgba(108,76,255,.28);border-radius:16px;background:rgba(108,76,255,.07);text-align:center}.two-factor-secret-panel>span{color:var(--muted,#969bac);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.two-factor-secret-panel>div{display:flex;align-items:center;gap:9px;margin:12px 0}.two-factor-secret-panel code{font-size:18px;letter-spacing:.12em;color:inherit}.two-factor-secret-panel button{width:38px;height:38px;border:0;border-radius:10px;background:rgba(108,76,255,.17);color:#9c87ff}.two-factor-secret-panel small{color:var(--muted,#969bac)}.two-factor-secret-panel .btn{margin-top:14px}.two-factor-enable-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin-top:22px}.two-factor-enable-form .btn{height:42px}.two-factor-private-note{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--muted,#969bac);font-size:12px}.two-factor-login-card .two-factor-code-input{text-align:center;font-size:19px}.two-factor-login-card label small{color:#aeb6d0;font-weight:500;line-height:1.5}.two-factor-login-meta{display:grid;gap:8px;margin-top:18px;padding:13px;border:1px solid #393166;border-radius:12px;background:rgba(36,33,66,.55);color:#aeb6d0;font-size:12px}.two-factor-login-meta span{display:flex;align-items:center;gap:7px}.two-factor-cancel{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px;color:#a875ff;text-decoration:none;font-size:13px;font-weight:800}
html[data-theme="light"] .recovery-code-grid code{background:#fff}html[data-theme="light"] .two-factor-actions-grid details,html[data-theme="light"] .two-factor-steps li{border-color:#e4e7ef}
@media(max-width:800px){.two-factor-actions-grid,.two-factor-steps{grid-template-columns:1fr}.two-factor-enable-form{grid-template-columns:1fr}.recovery-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.two-factor-status{align-items:flex-start;flex-wrap:wrap}.two-factor-status>b{margin-left:35px}.recovery-code-grid{grid-template-columns:1fr}.recovery-actions{flex-direction:column}.two-factor-setup-card{padding:20px}.two-factor-setup-card>header{flex-direction:column}.two-factor-secret-panel code{font-size:14px;letter-spacing:.06em}.two-factor-secret-panel>div{width:100%;justify-content:center;flex-wrap:wrap}}