@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__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:hover{text-decoration:underline}.auth__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}}
