.auth-page{background:linear-gradient(180deg, var(--bg) 0%, #ede8ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:28px;padding:40px 32px}.auth-logo{text-align:center;margin-bottom:8px}.auth-title{font-family:var(--font-display);color:var(--ink);text-align:center;margin-bottom:4px;font-size:24px;font-weight:800}.auth-subtitle{color:var(--ink2);text-align:center;margin-bottom:28px;font-size:15px;line-height:1.4}.auth-tabs{background:var(--bg);border-radius:var(--radius-pill);gap:4px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{border-radius:var(--radius-pill);font-size:15px;font-weight:800;font-family:var(--font-body);cursor:pointer;color:var(--ink2);background:0 0;border:none;flex:1;padding:10px;transition:all .15s}.auth-tab.active{background:var(--surface);color:var(--brand);box-shadow:0 2px 8px #6c47ff1f}.auth-form{gap:14px;display:grid}.auth-field{gap:6px;display:grid}.auth-label{color:var(--ink2);font-size:13px;font-weight:800}.auth-input{border-radius:var(--radius-sm);border:2.5px solid var(--border-light);width:100%;font-size:16px;font-family:var(--font-body);color:var(--ink);outline:none;padding:14px 16px;font-weight:700;transition:border-color .15s}.auth-input:focus{border-color:var(--brand)}.auth-input.error{border-color:var(--bad)}.auth-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--brand), var(--brand-hover));color:#fff;width:100%;font-size:17px;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-btn);border:none;padding:16px;font-weight:900;transition:transform .1s,opacity .15s}.auth-submit:hover{opacity:.93}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--ink3);align-items:center;gap:12px;margin:4px 0;font-size:13px;font-weight:800;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-light);flex:1;height:2px}.auth-google{border:2.5px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-size:15px;font-family:var(--font-body);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:14px;font-weight:800;transition:border-color .15s,background .15s;display:flex}.auth-google:hover{border-color:var(--brand);background:var(--surface-brand)}.auth-error{background:var(--bad-bg);color:var(--bad-text);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:700;display:none}.auth-error.visible{display:block}.auth-success{background:var(--ok-bg);color:var(--ok-text);border-radius:var(--radius-sm);text-align:center;padding:12px 16px;font-size:14px;font-weight:700;display:none}.auth-success.visible{display:block}.auth-footer{text-align:center;color:var(--ink3);margin-top:20px;font-size:13px}.auth-footer a{color:var(--brand);font-weight:800;text-decoration:none}@media (width<=480px){.auth-card{border-radius:20px;padding:28px 20px}}