.auth-page{gap:var(--gap-lg);min-height:100vh;padding:var(--gap-xl);background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-topbar{justify-content:flex-end;width:100%;max-width:380px;display:flex}.auth-card{gap:var(--gap-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--gap-xl);background:var(--color-surface);flex-direction:column;display:flex}.auth-brand{gap:var(--gap-xs);margin-bottom:var(--gap-xs);font-size:var(--font-size-sm);color:var(--color-text);align-items:center;font-weight:600;display:flex}.auth-card h1{font-size:var(--font-size-lg);margin:0}.auth-lead{margin:0 0 var(--gap-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-field{gap:var(--gap-2xs);font-size:var(--font-size-sm);color:var(--color-text-subtle);flex-direction:column;display:flex}.auth-hint{font-size:var(--font-size-2xs);color:var(--color-text-muted)}.auth-alt{margin:var(--gap-xs) 0 0;font-size:var(--font-size-sm);text-align:center;color:var(--color-text-muted)}.auth-link{cursor:pointer;font-size:inherit;color:var(--color-primary);background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.auth-link:hover{color:var(--color-primary-strong)}