.auth-backdrop{z-index:-1;pointer-events:none;--auth-glow:.42;position:absolute;inset:0;overflow:hidden}:root[data-theme=dark] .auth-backdrop{--auth-glow:.14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-backdrop{--auth-glow:.14}}.auth-glow{filter:blur(70px);opacity:var(--auth-glow);border-radius:9999px;animation:20s ease-in-out infinite alternate auth-drift;position:absolute}.auth-glow-sky{top:-12rem;background:var(--color-brand-sky);width:32rem;height:26rem;inset-inline-end:-10rem}.auth-glow-pink{bottom:-10rem;background:var(--color-brand-pink);width:28rem;height:24rem;animation-duration:24s;animation-direction:alternate-reverse;inset-inline-start:-12rem}.auth-glow-lemon{top:38%;background:var(--color-brand-lemon);width:18rem;height:16rem;animation-duration:28s;inset-inline-start:60%}@keyframes auth-drift{to{translate:3rem 2rem;scale:1.12}}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes auth-pop{0%{opacity:0;rotate:-18deg;scale:.3}50%{opacity:1}}.auth-card{animation:.5s cubic-bezier(.3,.7,.3,1) both auth-rise}.auth-intro>:not(.auth-badge){animation:.45s cubic-bezier(.3,.7,.3,1) .12s both auth-rise}.auth-intro>p{animation-delay:.18s}.auth-stack>:not(form),.auth-stack>form>*,[data-auth-done]>:not(.auth-done-badge){animation:.45s cubic-bezier(.3,.7,.3,1) both auth-rise}.auth-stack>:first-child{animation-delay:50ms}.auth-stack>:nth-child(2){animation-delay:.1s}.auth-stack>:nth-child(3),.auth-stack>form>:first-child,[data-auth-done]>:nth-child(2){animation-delay:.15s}.auth-stack>form>:nth-child(2),[data-auth-done]>:nth-child(3){animation-delay:.21s}.auth-stack>form>:nth-child(3),[data-auth-done]>:nth-child(4){animation-delay:.27s}.auth-stack>form>:nth-child(4){animation-delay:.33s}.auth-stack>form>:nth-child(n+5){animation-delay:.39s}.auth-stack>[role=alert],.auth-stack input[aria-invalid=true]{animation:.42s ease-in-out both auth-shake}@keyframes auth-shake{20%{translate:-5px}40%{translate:4px}60%{translate:-3px}80%{translate:2px}}.auth-stack :is(button[type=submit],[data-auth-google]){box-shadow:var(--shadow-pop);transition:translate .18s,scale .12s,box-shadow .18s,background-color .18s,border-color .18s;position:relative;overflow:hidden}.auth-stack :is(button[type=submit],[data-auth-google]):not(:disabled):hover{box-shadow:var(--shadow-lift);translate:0 -2px}.auth-stack :is(button[type=submit],[data-auth-google]):not(:disabled):active{translate:0;scale:.97}.auth-stack button[type=submit]:after{content:"";background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--color-paper) 45%, transparent) 50%, transparent 65%);pointer-events:none;position:absolute;inset:0;translate:-120%}.auth-stack button[type=submit]:not(:disabled):is(:hover,:focus-visible):after{animation:.8s ease-out auth-shine}@keyframes auth-shine{to{translate:120%}}.auth-badge{animation:.55s cubic-bezier(.3,.7,.3,1.25) 80ms both auth-pop;position:relative}.auth-badge svg :is(.ab-arrow,.ab-plus,.ab-shackle,.ab-body){transform-box:fill-box;transform-origin:50%}.ab-arrow{animation:.9s cubic-bezier(.3,.7,.3,1) .5s both ab-arrow}@keyframes ab-arrow{0%{opacity:0;translate:-7px}45%{opacity:1;translate:1.5px}70%{translate:-.75px}}.ab-plus{animation:.7s cubic-bezier(.3,.7,.3,1.3) .5s both ab-plus}@keyframes ab-plus{0%{opacity:0;rotate:-180deg;scale:0}}.auth-badge svg .ab-key{transform-box:fill-box;transform-origin:30% 70%}.ab-key{animation:1s ease-in-out .55s both ab-key}@keyframes ab-key{30%{rotate:-24deg}60%{rotate:10deg}80%{rotate:-4deg}}.ab-shackle{animation:.7s cubic-bezier(.5,0,.3,1) .5s both ab-shackle}@keyframes ab-shackle{0%,40%{translate:0 -3.5px}60%{translate:0 .8px}}.ab-body{animation:.7s ease-out .5s both ab-body}@keyframes ab-body{58%{scale:1}66%{scale:1.06 .92}}.auth-confetti{z-index:-1;opacity:0;pointer-events:none;border-radius:2px;width:8px;height:8px;margin:-4px 0 0 -4px;animation:.95s cubic-bezier(.2,.7,.3,1) .42s both auth-confetti;position:absolute;top:50%;left:50%}.auth-c1{--dx:-52px;--dy:-34px}.auth-c2{--dx:-10px;--dy:-54px;border-radius:9999px}.auth-c3{--dx:38px;--dy:-44px}.auth-c4{--dx:58px;--dy:-4px;border-radius:9999px}.auth-c5{--dx:44px;--dy:38px}.auth-c6{--dx:0px;--dy:52px;border-radius:9999px}.auth-c7{--dx:-46px;--dy:34px}.auth-c8{--dx:-60px;--dy:2px;border-radius:9999px}@keyframes auth-confetti{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(220deg) scale(1)}}.auth-done-badge{animation:.55s cubic-bezier(.3,.7,.3,1.25) both auth-pop}.auth-done-badge .auth-confetti{animation-delay:.28s}.auth-float{animation:3.6s ease-in-out 1s infinite auth-bob}.auth-sticker{animation:auth-pop .5s cubic-bezier(.3, .7, .3, 1.25) var(--d,.3s) both}.auth-bob{animation:4.5s ease-in-out infinite auth-bob}.auth-bob-2{animation-duration:5.2s;animation-delay:-1.2s}.auth-bob-3{animation-duration:3.9s;animation-delay:-2.1s}.auth-bob-4{animation-duration:5.6s;animation-delay:-.6s}@keyframes auth-bob{50%{translate:0 -8px}}.auth-sticker-tile{transition:scale .2s cubic-bezier(.3,.7,.3,1.4)}.auth-sticker-tile:hover{scale:1.14}.auth-showcase{--auth-orbit-outer:72s;--auth-orbit-inner:52s}.auth-panel-glow{z-index:-1;filter:blur(80px);opacity:.4;pointer-events:none;border-radius:9999px;animation:18s ease-in-out infinite alternate auth-drift;position:absolute}.auth-panel-glow-sky{top:-8rem;background:var(--color-brand-sky);width:26rem;height:24rem;inset-inline-end:-8rem}.auth-panel-glow-pink{bottom:4rem;background:var(--color-brand-pink);width:24rem;height:22rem;animation-duration:23s;animation-direction:alternate-reverse;inset-inline-start:-10rem}.auth-panel-glow-lavender{bottom:-10rem;background:var(--color-brand-lavender);opacity:.32;width:22rem;height:18rem;animation-duration:27s;inset-inline-end:10%}.auth-panel-dots{z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--color-on-dark) 16%, transparent) 1.2px, transparent 1.3px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 42%,#000 25%,#0000 78%);mask-image:radial-gradient(60% 55% at 50% 42%,#000 25%,#0000 78%)}.auth-twinkle{animation:3.2s ease-in-out infinite both auth-twinkle;position:absolute}.auth-twinkle:nth-of-type(2){animation-duration:2.7s;animation-delay:-1.1s}.auth-twinkle:nth-of-type(3){animation-duration:3.8s;animation-delay:-2.3s}.auth-twinkle:nth-of-type(4){animation-duration:2.9s;animation-delay:-.5s}.auth-twinkle:nth-of-type(5){animation-duration:3.5s;animation-delay:-1.7s}@keyframes auth-twinkle{0%,to{opacity:.25;rotate:0deg;scale:.45}50%{opacity:1;rotate:45deg;scale:1}}.auth-orbit{aspect-ratio:1;width:min(26rem,74%,52dvh);position:relative}.auth-ring{border:2px dashed color-mix(in srgb, var(--color-on-dark) 22%, transparent);animation:auth-spin var(--auth-orbit-outer) linear infinite;border-radius:50%;position:absolute}.auth-ring-outer{inset:0}.auth-ring-inner{animation-duration:var(--auth-orbit-inner);animation-direction:reverse;inset:21%}@keyframes auth-spin{to{rotate:360deg}}.auth-arm{rotate:var(--a);pointer-events:none;position:absolute;inset:0}.auth-slot{translate:-50% -50%;rotate:calc(-1 * var(--a));pointer-events:auto;position:absolute;top:0;left:50%}.auth-upright{animation:auth-spin var(--auth-orbit-outer) linear infinite reverse}.auth-ring-inner .auth-upright{animation-duration:var(--auth-orbit-inner);animation-direction:normal}.auth-arm-1{--a:0deg;--d:.3s}.auth-arm-2{--a:60deg;--d:.38s}.auth-arm-3{--a:120deg;--d:.46s}.auth-arm-4{--a:180deg;--d:.54s}.auth-arm-5{--a:240deg;--d:.62s}.auth-arm-6{--a:300deg;--d:.7s}.auth-arm-7{--a:45deg;--d:.78s}.auth-arm-8{--a:135deg;--d:.86s}.auth-arm-9{--a:225deg;--d:.94s}.auth-arm-10{--a:315deg;--d:1.02s}.auth-hub{background:var(--color-paper);box-shadow:0 0 0 10px color-mix(in srgb, var(--color-on-dark) 8%, transparent), var(--shadow-lift);border-radius:50%;justify-content:center;align-items:center;animation:.6s cubic-bezier(.3,.7,.3,1.25) .12s both auth-pop;display:flex;position:absolute;inset:36%}.auth-hub:before,.auth-hub:after{content:"";border:2px solid var(--color-brand-sky);opacity:0;border-radius:50%;animation:4s cubic-bezier(.2,.6,.3,1) 1.2s infinite auth-ripple;position:absolute;inset:0}.auth-hub:after{border-color:var(--color-brand-pink);animation-delay:3.2s}@keyframes auth-ripple{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:2.2}}.auth-count{animation:.55s cubic-bezier(.3,.7,.3,1.25) .9s both auth-pop}.auth-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.auth-track{width:max-content;animation:70s linear infinite auth-marquee;display:flex}.auth-marquee:hover .auth-track{animation-play-state:paused}.auth-set{gap:.625rem;padding-inline-end:.625rem;display:flex}@keyframes auth-marquee{to{translate:-50%}}@media (prefers-reduced-motion:reduce){.auth-page :is(*){animation-delay:0s!important}.auth-glow,.auth-panel-glow,.auth-twinkle,.auth-ring,.auth-upright,.auth-hub:before,.auth-hub:after,.auth-track,.auth-bob,.auth-float{animation:none}.auth-confetti,.auth-hub:before,.auth-hub:after,.auth-stack button[type=submit]:after{display:none}}
