.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:420px;padding:40px 36px;box-shadow:0 8px 32px #0000001f}.auth-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-logo img{width:32px;height:32px}.auth-logo .wordmark{letter-spacing:-.4px;color:var(--fg1);font-size:22px;font-weight:700}.auth-heading{color:var(--fg1);margin:0 0 6px;font-size:20px;font-weight:600}.auth-sub{color:var(--fg3);margin:0 0 28px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--fg2);font-size:13px;font-weight:500}.field input{width:100%;font-size:14px;font-family:var(--font-sans);color:var(--fg1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:10px 14px}.field input::placeholder{color:var(--fg4)}.field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--ring)}.auth-error{background:var(--status-down-bg);border-radius:var(--r-md);color:var(--status-down);border:1px solid #d1434340;align-items:flex-start;gap:8px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.auth-submit{width:100%;margin-top:4px}.auth-footer{text-align:center;color:var(--fg3);margin-top:24px;font-size:13px}.auth-footer a{color:var(--brand-primary);font-weight:500}.auth-footer a:hover{color:var(--brand-primary-hover);text-decoration:underline}.auth-divider{border:none;border-top:1px solid var(--border);margin:4px 0}