.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:64px 20px;display:flex;position:relative}.auth-top{align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:28px}.auth-back{color:var(--muted);font-size:13px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:400px;padding:32px;box-shadow:0 4px 22px #181c2314}.auth-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:26px;display:flex}.auth-brand strong{letter-spacing:-.03em;margin-top:11px;font-size:19px}.auth-brand strong span{color:var(--primary)}.auth-brand p{color:var(--muted);margin:5px 0 0;font-size:13px}.auth-tabs{background:var(--surface2);border:1px solid var(--border);border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:9px;font-size:13px;font-weight:700}.auth-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #181c231f}.auth-google{background:var(--surface);border:1px solid var(--border);border-radius:11px;justify-content:center;align-items:center;gap:11px;padding:11px;font-size:14px;font-weight:700;transition:all .18s;display:flex}.auth-google:hover{background:var(--surface2);border-color:var(--primary-mid)}.auth-google span{color:#4285f4;justify-content:center;align-items:center;width:20px;height:20px;font-family:Arial,sans-serif;font-size:18px;font-weight:800;display:flex}.auth-divider{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--border-light);content:"";flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-card form{gap:16px;display:grid}.auth-card label>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.auth-card input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px}.auth-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.auth-error{color:#9f3f28;background:#fff1ee;border:1px solid #f2c8bd;border-radius:8px;margin:0;padding:10px 12px;font-size:12px}.auth-submit{background:var(--primary);color:#fff;cursor:pointer;border-radius:11px;margin-top:2px;padding:12px;font-size:14px;font-weight:700}.auth-submit:hover{background:var(--primary-dark)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-note{color:var(--faint);text-align:center;margin:20px 0 0;font-size:11px;line-height:1.5}.auth-note a{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.auth-note a:hover{color:var(--primary)}.auth-password{position:relative}.auth-password input{padding-right:48px}.auth-password-toggle{color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:1px;right:1px}.auth-password-toggle:hover{color:var(--primary)}.auth-password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}