.modal.auth-modal{border-color:color-mix(in srgb, var(--neon) 24%, var(--border));background:var(--dark2);max-width:460px;max-height:calc(100dvh - 40px);padding:28px}.auth-modal-heading{align-items:center;gap:13px;margin:8px 0 12px;padding-inline-end:28px;display:flex}.auth-modal-icon{width:52px;height:52px;color:var(--neon);background:color-mix(in srgb, var(--neon) 8%, var(--dark2));border:1px solid color-mix(in srgb, var(--neon) 24%, var(--border));border-radius:15px;flex-shrink:0;place-items:center;display:grid}.auth-modal-eyebrow{color:var(--text-muted);font-size:var(--font-size-small)}.auth-modal-heading h2{color:var(--text);margin:4px 0 0;font-size:22px;font-weight:800}.auth-modal-description{font-size:var(--font-size-ui);color:var(--text-muted);margin-bottom:18px;line-height:1.9}.auth-modal .auth-tabs{background:var(--dark);border:1px solid var(--border);border-radius:12px;gap:4px;margin:0 0 22px;padding:4px}.auth-modal .auth-tabs .tab-btn{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:10px;transition:color .18s,background .18s,border-color .18s}.auth-modal .auth-tabs .tab-btn.active{color:var(--neon);border-color:color-mix(in srgb, var(--neon) 28%, var(--border));background:color-mix(in srgb, var(--neon) 12%, var(--dark2))}.auth-modal .auth-tabs .tab-btn:not(.active):hover{color:var(--text);background:var(--card2)}.auth-modal .form-group{margin-bottom:16px}.auth-modal .form-label{font-size:var(--font-size-small);color:var(--text);margin-bottom:7px}.auth-password-field{position:relative}:root body .auth-modal .auth-password-field input.form-input{padding-left:44px;padding-right:12px}.auth-password-field button{inset-inline-end:4px;width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:4px}.auth-password-field button:hover{color:var(--neon);background:color-mix(in srgb, var(--neon) 8%, var(--dark2))}.auth-modal .auth-submit{justify-content:center;gap:9px;width:100%;min-height:44px;margin-top:8px}.auth-modal .auth-steam-button{width:100%;color:var(--text);background:var(--card2);border-color:var(--border);justify-content:center;gap:9px;margin-top:12px;text-decoration:none}.auth-modal .auth-steam-button:hover{color:var(--neon);border-color:var(--neon);background:color-mix(in srgb, var(--neon) 8%, var(--dark2))}.auth-modal .auth-steam-button svg{fill:currentColor}.auth-steam-help{font-size:var(--font-size-small);color:var(--text-muted);gap:7px;margin-top:12px;line-height:1.9;display:flex}.auth-steam-help svg{color:var(--neon);flex-shrink:0;margin-top:3px}.auth-remember{width:fit-content;min-height:34px;color:var(--text);font-size:var(--font-size-ui);cursor:pointer;align-items:center;gap:9px;display:flex}.auth-remember input{flex-shrink:0}.auth-remember-help{color:var(--text-muted);font-size:var(--font-size-small);margin:0 0 8px;line-height:1.9}.auth-loading-icon{animation:1s linear infinite authLoading}@keyframes authLoading{to{transform:rotate(360deg)}}@media (max-width:480px){.modal.auth-modal{max-height:calc(100dvh - 24px);padding:22px 18px}.auth-modal-heading h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.auth-modal .auth-tabs .tab-btn,.auth-modal .auth-tab-content{transition:none;animation:none}.auth-loading-icon{animation:none}}.auth-mfa-loading{min-height:150px;color:var(--text-muted);font-size:var(--font-size-ui);justify-content:center;align-items:center;gap:10px;display:flex}.auth-mfa-code{letter-spacing:8px;text-align:center;font-size:1.125rem}.auth-mfa-timer{color:var(--text-muted);font-size:var(--font-size-ui);justify-content:space-between;align-items:center;gap:12px;margin-block:10px;display:flex}.auth-mfa-timer bdi{color:var(--neon);font-variant-numeric:tabular-nums;font-size:1.125rem}.auth-mfa-warning{color:var(--gold);font-size:var(--font-size-small);text-align:start}.auth-mfa-resend{justify-content:center;width:100%;margin-top:10px}