.auth-backdrop{z-index:-1;pointer-events:none;background:#f3f9f9;position:fixed;inset:0;overflow:hidden}.dark .auth-backdrop{background:#0a1214}.auth-backdrop__gradient{background:linear-gradient(125deg,#047a7e29 0%,#0d8ba424 42%,#f39a2412 68%,#047a7e1f 100%);position:absolute;inset:-30%}.dark .auth-backdrop__gradient{background:linear-gradient(125deg,#047a7e57 0%,#0d8ba442 42%,#f39a2414 68%,#047a7e3d 100%)}.auth-blob{filter:blur(72px);will-change:transform;border-radius:9999px;position:absolute}.auth-blob--teal{opacity:.26;background:#06a9af;width:44vmax;height:44vmax;top:-12vmax;left:-14vmax}.auth-blob--blue{opacity:.24;background:#0d8ba4;width:40vmax;height:40vmax;bottom:-14vmax;right:-16vmax}.auth-blob--orange{opacity:.14;background:#f39a24;width:16vmax;height:16vmax;top:14%;right:14%}.dark .auth-blob--teal{opacity:.3}.dark .auth-blob--blue{opacity:.28}.dark .auth-blob--orange{opacity:.06}.auth-card{background:color-mix(in oklab, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-color:#ffffffb3;box-shadow:0 1px 2px #0a43520f,0 18px 48px -12px #0a43522e}.dark .auth-card{background:color-mix(in oklab, var(--card) 82%, transparent);border-color:#ffffff1a;box-shadow:0 18px 48px -12px #00000080}.auth-card [data-slot=input]{transition:border-color .2s,box-shadow .25s,background-color .2s}.auth-shine{isolation:isolate;position:relative;overflow:hidden}.auth-shine:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff52 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.auth-logo[data-moved]{animation:none}.auth-logo[data-motion]{z-index:30;will-change:transform}.login-submit:before{content:"";aspect-ratio:1;opacity:0;pointer-events:none;background:#fff;border-radius:9999px;position:absolute;top:3px;bottom:3px;left:50%;transform:translate(-50%)}.login-submit__label{align-items:center;gap:inherit;display:inline-flex}@media (prefers-reduced-motion:no-preference){.auth-backdrop__gradient{animation:26s ease-in-out infinite alternate auth-gradient}.auth-blob--teal{animation:24s ease-in-out infinite alternate auth-float-a}.auth-blob--blue{animation:30s ease-in-out infinite alternate auth-float-b}.auth-blob--orange{animation:20s ease-in-out infinite alternate auth-float-c}.auth-logo{animation:.7s cubic-bezier(.2,.8,.2,1) both auth-logo-in}.auth-logo__arrow{animation:3.2s ease-in-out .9s infinite auth-arrow}.auth-card{animation:.6s cubic-bezier(.2,.8,.2,1) .1s both auth-rise}.auth-card[data-shake]{animation:.45s cubic-bezier(.36,.07,.19,.97) both auth-shake}.auth-stagger>*{animation:.5s cubic-bezier(.2,.8,.2,1) both auth-rise}.auth-stagger>:first-child{animation-delay:.2s}.auth-stagger>:nth-child(2){animation-delay:.27s}.auth-stagger>:nth-child(3){animation-delay:.34s}.auth-stagger>:nth-child(4){animation-delay:.41s}.auth-stagger>:nth-child(5){animation-delay:.48s}.auth-stagger>:nth-child(n+6){animation-delay:.55s}.login-submit__label{transition:opacity .18s}.login-submit:not([data-phase=idle]) .login-submit__label{opacity:0}.login-submit[data-phase=error] .login-submit__label{opacity:1;transition-delay:.12s}.auth-fade-in{animation:.3s ease-out both auth-fade}.auth-maker{animation:.5s ease-out 1s both auth-fade}.auth-shine:after{transition:transform .8s cubic-bezier(.2,.8,.2,1)}.auth-shine:hover:not(:disabled):after{transform:translate(120%)}}@keyframes auth-gradient{0%{transform:translate(-4%,-3%)rotate(0)}to{transform:translate(4%,3%)rotate(10deg)}}@keyframes auth-float-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vmax,6vmax)scale(1.12)}}@keyframes auth-float-b{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-9vmax,-5vmax)scale(.95)}}@keyframes auth-float-c{0%{transform:translate(0,0)}to{transform:translate(-6vmax,8vmax)}}@keyframes auth-logo-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes auth-arrow{0%,to{transform:translate(0)}50%{transform:translate(1.5px,-1.5px)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes auth-shake{0%,to{transform:translate(0)}15%,55%{transform:translate(-6px)}35%,75%{transform:translate(6px)}90%{transform:translate(-2px)}}@keyframes auth-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}