.auth-page{min-height:100dvh;padding:var(--space-6);background-color:var(--color-bg);place-items:center;display:grid}.auth-page:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% -10%, oklch(from var(--color-accent) l c h / 8%) transparent);pointer-events:none;z-index:0;position:fixed;inset:0}.auth-container{z-index:1;width:100%;max-width:400px;position:relative}.auth-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center;display:flex}.auth-brand-logo{border-radius:var(--radius-md);background-color:var(--color-accent);width:2.5rem;height:2.5rem;color:var(--color-accent-text);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);place-items:center;display:grid}.auth-brand-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.auth-heading{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-2);text-align:center}.auth-subheading{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-8);text-align:center}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-submit{width:100%;margin-top:var(--space-2)}.auth-error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);font-size:var(--text-sm);color:var(--color-danger-text);line-height:var(--leading-snug);display:flex}.auth-success{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-success-subtle);border:1px solid var(--color-success);font-size:var(--text-sm);color:var(--color-success-text);line-height:var(--leading-snug);display:flex}.auth-toggle{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-toggle-link{color:var(--color-accent);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.auth-toggle-link:hover{color:var(--color-accent-hover);text-decoration:underline}