.auth-page{--auth-bg:#f0f4ff;--auth-fg:#1a1f36;--auth-primary:#4361ee;--auth-accent:#6930c3;--auth-surface:#fff;--auth-radius:16px;--auth-gradient:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));--auth-muted:color-mix(in srgb,var(--auth-fg)45%,transparent);--auth-border:color-mix(in srgb,var(--auth-fg)10%,var(--auth-surface));--auth-input-bg:color-mix(in srgb,var(--auth-bg)40%,var(--auth-surface));--auth-input-border:color-mix(in srgb,var(--auth-fg)12%,var(--auth-surface));--auth-placeholder:color-mix(in srgb,var(--auth-fg)35%,transparent);--auth-card-border:color-mix(in srgb,var(--auth-fg)6%,var(--auth-surface));--auth-shadow-card:0 20px 60px color-mix(in srgb,var(--auth-primary)8%,transparent),0 4px 16px color-mix(in srgb,var(--auth-fg)4%,transparent);--auth-shadow-btn:0 4px 16px color-mix(in srgb,var(--auth-primary)30%,transparent);--auth-shadow-btn-hover:0 6px 20px color-mix(in srgb,var(--auth-primary)35%,transparent);--auth-focus-ring:color-mix(in srgb,var(--auth-primary)10%,transparent);--auth-hover-overlay:color-mix(in srgb,var(--auth-fg)4%,transparent);--auth-radius-input:calc(var(--auth-radius)*.625);--auth-radius-btn:calc(var(--auth-radius)*.75);--auth-font:"Noto Sans SC",system-ui,-apple-system,sans-serif;min-height:100vh;font-family:var(--auth-font);background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--auth-primary)6%,transparent)0%,transparent 50%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--auth-accent)4%,transparent)0%,transparent 40%),var(--auth-bg);justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--auth-surface);border-radius:var(--auth-radius);width:100%;max-width:680px;box-shadow:var(--auth-shadow-card);border:1px solid var(--auth-card-border);align-items:stretch;display:flex;position:relative;overflow:visible}.auth-cat-panel{border-radius:var(--auth-radius)0 0 var(--auth-radius);background:0 0;flex-shrink:0;justify-content:flex-end;align-items:center;width:140px;padding:24px 0 24px 12px;display:flex;position:relative;overflow:visible}.auth-cat-image{object-fit:contain;z-index:2;width:100%;height:auto;max-height:420px;position:relative;right:-30px}.auth-form-wrapper{border-radius:0 var(--auth-radius)var(--auth-radius)0;flex:1;min-width:0;overflow:hidden}.auth-slider{width:200%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.auth-slider.slide-register{transform:translate(-50%)}.auth-panel{flex-shrink:0;width:50%}.auth-form{font-family:var(--auth-font);padding:36px 32px 36px 24px}.auth-form-header{text-align:center;margin-bottom:24px}.auth-brand-title{color:var(--auth-fg);letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2}.auth-brand-subtitle{color:var(--auth-muted);letter-spacing:.02em;margin-top:3px;font-size:13px}.auth-welcome-desc{color:var(--auth-muted);margin-top:10px;font-size:14px;line-height:1.5}.auth-fields{flex-direction:column;gap:16px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-field-label-row{justify-content:space-between;align-items:center;display:flex}.auth-field-label{color:var(--auth-fg);letter-spacing:.02em;font-size:14px;font-weight:500;font-family:var(--auth-font)}.auth-field-link{color:var(--auth-primary);font-size:13px;font-weight:500;text-decoration:none;transition:opacity .2s}.auth-field-link:hover{opacity:.75}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input{width:100%;height:44px;font-size:14px;font-family:var(--auth-font);color:var(--auth-fg);background:var(--auth-input-bg);border:1.5px solid var(--auth-input-border);border-radius:var(--auth-radius-input);outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--auth-placeholder)}.auth-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus-ring);background:var(--auth-surface)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-eye-btn{width:28px;height:28px;color:var(--auth-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;right:12px}.auth-eye-btn:hover{color:var(--auth-fg);background:var(--auth-hover-overlay)}.auth-submit-btn{border-radius:var(--auth-radius-btn);background:var(--auth-gradient);width:100%;height:46px;color:var(--auth-surface);font-size:15px;font-weight:600;font-family:var(--auth-font);cursor:pointer;box-shadow:var(--auth-shadow-btn);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:6px;margin-top:6px;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex}.auth-submit-btn:hover:not(:disabled){box-shadow:var(--auth-shadow-btn-hover);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch-text{text-align:center;color:var(--auth-muted);font-size:14px;font-family:var(--auth-font);margin-top:20px}.auth-switch-link{color:var(--auth-primary);font-size:14px;font-weight:600;font-family:var(--auth-font);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;text-decoration:none;transition:opacity .2s}.auth-switch-link:hover{opacity:.75}.auth-error{border-radius:var(--auth-radius-input);color:#dc2626;font-size:13px;font-family:var(--auth-font);background:#ef444414;border:1px solid #ef444433;padding:10px 14px}.auth-send-code-btn{border:1.5px solid var(--auth-input-border);border-radius:var(--auth-radius-input);background:var(--auth-input-bg);height:44px;color:var(--auth-primary);font-size:13px;font-weight:500;font-family:var(--auth-font);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:0 14px;transition:background .2s,opacity .2s}.auth-send-code-btn:hover:not(:disabled){background:color-mix(in srgb,var(--auth-primary)8%,var(--auth-surface))}.auth-send-code-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--auth-muted)}.auth-terms-label{color:var(--auth-muted);font-size:12.5px;font-family:var(--auth-font);cursor:pointer;align-items:flex-start;gap:8px;margin-top:4px;line-height:1.5;display:flex}.auth-terms-checkbox{width:15px;height:15px;accent-color:var(--auth-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-terms-link{color:var(--auth-primary);font-weight:500;text-decoration:none;transition:opacity .2s}.auth-terms-link:hover{opacity:.75;text-decoration:underline}@media (max-width:640px){.auth-card{flex-direction:column;max-width:400px}.auth-cat-panel{justify-content:center;width:100%;height:120px;padding:16px}.auth-cat-image{width:auto;height:100px;max-height:none;right:0}.auth-form{padding:24px 20px}}@media (max-width:380px){.auth-form{padding:20px 16px}.auth-brand-title{font-size:20px}}