@layer base{.auth{--auth-text-wordmark:.9375rem;--auth-text-title:1.375rem;--auth-text-fine:.78125rem}}@layer layout{.auth{background:var(--color-bg);align-items:stretch;min-height:100dvh;display:flex}.auth__panel{padding:var(--space-12);background:linear-gradient(to bottom, var(--color-brand-gradient-from), var(--color-brand-gradient-to));flex-direction:column;flex:0 0 30%;justify-content:space-between;display:flex;overflow:hidden}.auth__pane{min-width:0;padding:var(--space-16) var(--space-10);flex:auto;justify-content:center;align-items:center;display:flex}.auth__column{flex-direction:column;gap:1.375rem;width:min(20rem,100%);display:flex}@media (max-width:52rem){.auth__panel{display:none}}}@layer components{.auth__brand{align-items:center;gap:.5625rem;display:flex}.auth__logo{border-radius:var(--radius-sm);background:var(--color-on-accent);width:1.375rem;height:1.375rem;color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;line-height:1rem;display:flex}.auth__wordmark{color:var(--color-on-accent);font-size:var(--auth-text-wordmark);font-weight:var(--font-semibold);line-height:1.25rem}.auth__tagline{gap:var(--space-3);flex-direction:column;display:flex}.auth__tagline-lead{color:var(--color-on-accent);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:1.6875rem}.auth__tagline-sub{color:color-mix(in srgb, var(--color-on-accent) 72%, transparent);font-size:var(--auth-text-fine);font-weight:var(--font-regular);line-height:1.125rem}.auth__header{gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.auth__title{color:var(--color-text-primary);font-size:var(--auth-text-title);font-weight:var(--font-semibold);letter-spacing:-.01em;line-height:1.8125rem}.auth__subtitle{color:var(--color-text-muted);font-size:var(--text-body);font-weight:var(--font-regular);line-height:1.1875rem}.auth__form{gap:var(--space-6);flex-direction:column;display:flex}.auth-password{display:flex;position:relative}.auth-password__input{padding-right:2.5rem}.auth-password__toggle{top:50%;right:var(--space-2);border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) ease-out, background var(--dur-fast) ease-out;place-items:center;display:grid;position:absolute;transform:translateY(-50%)}.auth-password__toggle:hover{background:var(--color-border);color:var(--color-text-secondary)}.auth-password__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:0}.auth-password__toggle[aria-pressed=true]{color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){.auth-password__toggle{transition:none}}.auth__footer{text-align:center;flex-direction:column;gap:.4375rem;display:flex}.auth__footer p{color:var(--color-text-muted);font-size:var(--auth-text-fine);font-weight:var(--font-regular);line-height:1.125rem}.auth__link{color:var(--color-accent);font-weight:var(--font-medium);text-decoration:none}.auth__link--whole{white-space:nowrap}.auth__link:hover{text-decoration:underline}.auth__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}.auth-demo{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-demo__label{color:var(--color-text-muted);font-size:var(--auth-text-fine);font-weight:var(--font-regular);line-height:1.125rem}.auth-demo__accounts{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}}