.auth-frame:before,.auth-frame:after{content:"";border-color:color-mix(in srgb, var(--color-arrow-400) 60%, transparent);border-style:solid;width:14px;height:14px;position:absolute}.auth-frame:before{border-width:2px 0 0 2px;border-inline-end:0;inset-block-start:10px;inset-inline-start:10px}.auth-frame:after{border-width:0 2px 2px 0;border-inline-start:0;inset-block-end:10px;inset-inline-end:10px}@keyframes auth-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-slide{animation:.5s ease-out both auth-slide-in}@keyframes auth-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-progress{width:100%;transform-origin:var(--auth-progress-origin,right);animation:6s linear both auth-progress}.auth-progress[data-running=false]{animation-play-state:paused}.auth-scenery{background:linear-gradient(#070f218c,#070f21d9);overflow:hidden}.auth-scenery:after{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000)}.auth-divider{background:linear-gradient(#0000,#c4b5fd73 30% 70%,#0000);width:1px;position:absolute;inset-block:0;inset-inline-start:0}.auth-blob{aspect-ratio:1;will-change:transform;border-radius:50%;position:absolute}.auth-blob-a{inset-inline-start:-12%;background:radial-gradient(circle,#7c3aed6b,#0000 62%);width:62%;animation:26s ease-in-out infinite alternate auth-drift-a;top:4%}.auth-blob-b{inset-inline-end:-14%;background:radial-gradient(circle,#8b5cf64d,#0000 62%);width:56%;animation:34s ease-in-out infinite alternate auth-drift-b;top:34%}.auth-blob-c{inset-inline-start:18%;background:radial-gradient(circle,#c4b5fd38,#0000 60%);width:46%;animation:30s ease-in-out infinite alternate auth-drift-c;bottom:-16%}@keyframes auth-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(14%,10%)scale(1.15)}}@keyframes auth-drift-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-12%,-14%)scale(.95)}}@keyframes auth-drift-c{0%{transform:translate(0)scale(1)}to{transform:translate(10%,-12%)scale(1.2)}}[data-landing-theme=light] .auth-scenery{background:linear-gradient(#e2e6f4b3,#d6dcf0e6)}[data-landing-theme=light] .auth-scenery:after{background-image:linear-gradient(#0f172a0f 1px,#0000 1px),linear-gradient(90deg,#0f172a0f 1px,#0000 1px)}[data-landing-theme=light] .auth-divider{background:linear-gradient(#0000,#7c3aed59 30% 70%,#0000)}@media (prefers-reduced-motion:reduce){.auth-blob,.auth-slide,.auth-progress{animation:none}.auth-progress{transform:none}.auth-frame *,.auth-frame :before{animation:none!important}}@keyframes scene-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes scene-type{0%,5%{clip-path:inset(0 0 0 100%)}40%,to{clip-path:inset(0)}}@keyframes scene-rise{0%,44%{opacity:0;transform:translateY(14px)}52%,to{opacity:1;transform:none}}@keyframes scene-pop-a{0%,55%{opacity:0;transform:translateY(6px)}60%,to{opacity:1;transform:none}}@keyframes scene-pop-b{0%,62%{opacity:0;transform:translateY(6px)}67%,to{opacity:1;transform:none}}@keyframes scene-pop-c{0%,69%{opacity:0;transform:translateY(6px)}74%,to{opacity:1;transform:none}}.auth-frame[data-animate=true] .scene-rec{animation:1s ease-in-out infinite scene-blink}.auth-frame[data-animate=true] .scene-type{animation:6s steps(36,end) forwards scene-type}.auth-frame[data-animate=true] .scene-rise{animation:6s ease-out forwards scene-rise}.auth-frame[data-animate=true] .scene-pop-a{animation:6s ease-out forwards scene-pop-a}.auth-frame[data-animate=true] .scene-pop-b{animation:6s ease-out forwards scene-pop-b}.auth-frame[data-animate=true] .scene-pop-c{animation:6s ease-out forwards scene-pop-c}@keyframes scene-tick-a{0%,18%{opacity:0;transform:scale(.6)}22%,to{opacity:1;transform:none}}@keyframes scene-tick-b{0%,43%{opacity:0;transform:scale(.6)}47%,to{opacity:1;transform:none}}@keyframes scene-tick-c{0%,68%{opacity:0;transform:scale(.6)}72%,to{opacity:1;transform:none}}@keyframes scene-ring{0%,10%{stroke-dashoffset:314px}80%,to{stroke-dashoffset:236px}}@keyframes scene-count-a{0%,48%{opacity:1}52%,to{opacity:0}}@keyframes scene-count-b{0%,48%{opacity:0}52%,to{opacity:1}}.auth-frame[data-animate=true] .scene-tick-a{animation:6s ease-out forwards scene-tick-a}.auth-frame[data-animate=true] .scene-tick-b{animation:6s ease-out forwards scene-tick-b}.auth-frame[data-animate=true] .scene-tick-c{animation:6s ease-out forwards scene-tick-c}.auth-frame[data-animate=true] .scene-ring{animation:6s ease-in-out forwards scene-ring}.auth-frame[data-animate=true] .scene-count-a{animation:6s linear forwards scene-count-a}.auth-frame[data-animate=true] .scene-count-b{animation:6s linear forwards scene-count-b}.scene-count-a{opacity:0}@keyframes scene-code{0%,42%{opacity:1}48%,to{opacity:0}}@keyframes scene-home{0%,44%{opacity:0;transform:translateY(8px)}52%,to{opacity:1;transform:none}}@keyframes scene-toast{0%,68%{opacity:0;transform:translateY(16px)}74%,to{opacity:1;transform:none}}.scene-code{opacity:0}.auth-frame[data-animate=true] .scene-code{animation:6s linear forwards scene-code}.auth-frame[data-animate=true] .scene-home{animation:6s ease-out forwards scene-home}.auth-frame[data-animate=true] .scene-toast{animation:6s ease-out forwards scene-toast}@keyframes scene-signin{0%,8%{opacity:0;transform:scale(.7)}12%,30%{opacity:1;transform:none}34%{opacity:1;transform:scale(.92)}38%,to{opacity:1;transform:none}}.auth-frame[data-animate=true] .scene-signin{animation:6s ease-out forwards scene-signin}@keyframes scene-lead-card{0%,18%{opacity:1;transform:translate(0)}25%,43%{transform:translate(calc(-100% - .5rem))}50%,68%{transform:translate(calc(-200% - 1rem))}75%,80%{opacity:1;transform:translate(calc(-300% - 1.5rem))}86%,to{opacity:0;transform:translate(calc(-300% - 1.5rem))}}@keyframes scene-file-card{0%,82%{opacity:0;transform:translateY(10px)}90%,to{opacity:1;transform:none}}.scene-lead-card{opacity:0;transform:translate(calc(-300% - 1.5rem))}.auth-frame[data-animate=true] .scene-lead-card{animation:6s ease-in-out forwards scene-lead-card}.auth-frame[data-animate=true] .scene-file-card{animation:6s ease-out forwards scene-file-card}
