.app-auth-form{display:grid;gap:var(--space-3)}.app-auth-page{position:relative;display:grid;justify-items:center;gap:var(--space-4);max-width:940px;margin:0 auto;padding:var(--space-4);z-index:0}.app-auth-card-background{position:fixed;inset:0;z-index:-1;display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-4);overflow:hidden;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%)}.app-auth-card-background-column{display:flex;flex-direction:column;gap:var(--space-4);flex:1 1 0;min-width:0;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite}.app-auth-card-background-column-up{animation-name:app-auth-card-background-scroll-up}.app-auth-card-background-column-down{animation-name:app-auth-card-background-scroll-down;transform:translateY(-50%)}.app-auth-card-background-column img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-lg);opacity:0.4;filter:saturate(0.7)}@keyframes app-auth-card-background-scroll-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes app-auth-card-background-scroll-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}.app-auth-split-card{display:flex;width:100%;overflow:hidden;box-shadow:0 24px 60px rgb(0 0 0 / 0.35)}.app-auth-page:not(:has(.app-auth-split-visual)){width:100%}.app-auth-split-card:not(:has(.app-auth-split-visual)){width:min(480px,100%)}.app-auth-split-visual{position:relative;display:flex;flex:1 1 42%;min-width:0;flex-direction:column;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);overflow:hidden;background:linear-gradient(180deg,var(--dark-gray-10),var(--dark-title))}.app-auth-split-visual::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,var(--brand-primary),var(--brand-cta),var(--brand-secondary),var(--brand-tertiary),var(--brand-primary));background-size:400% 400%;opacity:0.55;animation:app-auth-split-visual-gradient 16s ease infinite}.app-auth-split-visual::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(120% 100% at 20% 0%,rgb(var(--dark-title-rgb) / 0.35),rgb(var(--dark-title-rgb) / 0.85) 60%)}@keyframes app-auth-split-visual-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.app-auth-split-icon{position:relative;z-index:1;width:40px;height:40px}.app-auth-split-copy{position:relative;z-index:1;display:grid;gap:var(--space-2)}.app-auth-split-copy h2{margin:0;color:var(--dark-inverse-title);font-family:var(--font-family);font-style:italic;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-ui)}.app-auth-split-copy p{margin:0;color:rgb(var(--dark-inverse-title-rgb) / 0.7);font-size:var(--font-size-md);line-height:var(--line-height-text)}.app-auth-split-form{flex:1 1 58%;min-width:0;display:grid;align-content:start;gap:var(--space-2);padding:var(--space-6)}.app-auth-split-form .app-auth-brand{justify-content:flex-start;margin-bottom:var(--space-2)}.app-auth-split-form .app-auth-footer{justify-items:start;text-align:left;margin-top:var(--space-2)}.app-auth-brand{display:flex;justify-content:center}.app-auth-brand-logo{height:40px}.app-auth-field{display:grid;gap:var(--space-1)}.app-auth-field label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:0.04em;text-transform:uppercase}.app-auth-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.app-auth-toggle{display:flex;flex:0 1 auto;min-width:0;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;cursor:pointer}.app-auth-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.app-auth-toggle-track{display:flex;align-items:center;width:36px;height:22px;padding:3px;border-radius:var(--radius-pill);background:rgb(var(--color-foreground-rgb) / 0.16);transition:background var(--switch-slide-duration) var(--switch-slide-easing)}.app-auth-toggle-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-foreground);transition:transform var(--switch-slide-duration) var(--switch-slide-easing),background-color var(--switch-slide-duration) var(--switch-slide-easing)}.app-auth-toggle input:checked + .app-auth-toggle-track{background:var(--brand-primary)}.app-auth-toggle input:checked + .app-auth-toggle-track .app-auth-toggle-thumb{transform:translateX(14px);background:var(--light-title)}.app-auth-forgot{flex:0 0 auto;white-space:nowrap;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.app-auth-submit{width:100%;font-weight:var(--font-weight-bold)}.app-auth-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:var(--space-1) 0;color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:0.06em}.app-auth-divider::before,.app-auth-divider::after{content:"";flex:1 1 auto;height:1px;background:var(--hairline)}.app-auth-divider span{padding:0 var(--space-3)}.app-auth-providers{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);min-width:0}.app-auth-providers form{display:grid;min-width:0}.app-auth-provider-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.app-auth-provider-disabled{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-width:0;opacity:0.6}.app-auth-provider-disabled span:last-child{color:var(--text-subtle);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.app-auth-dev-form{display:grid}.app-auth-note{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-text)}.app-auth-footer{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.app-auth-footer p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.app-auth-footer a,.app-auth-footer a:visited{color:var(--brand-cta);font-weight:var(--font-weight-bold);text-decoration:none}.app-auth-footer .app-auth-explore-link{color:var(--text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:underline;text-underline-offset:2px}@media (max-width:767px){.app-auth-card-background{gap:var(--space-2);padding:var(--space-2)}.app-auth-card-background-column{gap:var(--space-2)}}@media (max-width:767px){.app-auth-split-card{flex-direction:column}.app-auth-split-visual,.app-auth-split-form{flex:1 1 auto}.app-auth-providers{grid-template-columns:1fr}}