.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes loader-float{0%,to{opacity:.6;transform:translateY(0)rotate(0)}25%{opacity:.8;transform:translateY(-15px)rotate(5deg)}50%{opacity:1;transform:translateY(-8px)rotate(-3deg)}75%{opacity:.7;transform:translateY(-20px)rotate(3deg)}}@keyframes loader-float-alt{0%,to{opacity:.5;transform:translateY(0)rotate(0)}33%{opacity:.9;transform:translateY(-18px)rotate(-5deg)}66%{opacity:.7;transform:translateY(-10px)rotate(5deg)}}@keyframes loader-icon-cycle{0%,to{opacity:0;transform:scale(.5)}10%,90%{opacity:1;transform:scale(1)}}@keyframes loader-letter-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loader-dots{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes loader-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#f8fafcd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loader-circle{width:120px;height:120px;position:relative}.loader-ring{border:4px solid #2563eb4d;border-radius:50%;animation:2.5s linear infinite loader-spin;position:absolute;inset:0}.loader-ring-inner{background:linear-gradient(135deg,#5f8cec,#4c71ad);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite loader-pulse;display:flex;position:absolute;inset:8px;box-shadow:0 12px 36px #2563eb59}.loader-ring-inner svg{color:#fff;width:48px;height:48px}.loader-floating-icons{pointer-events:none;position:absolute;inset:-60px}.loader-floating-icon{-webkit-backdrop-filter:blur(8px);background:#3b82f61f;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.loader-floating-icon svg{color:#2563eb;width:20px;height:20px}.loader-floating-icon:first-child{animation:4s ease-in-out infinite loader-float;top:0;left:50%;transform:translate(-50%)}.loader-floating-icon:nth-child(2){animation:4.5s ease-in-out .5s infinite loader-float-alt;top:25%;right:0}.loader-floating-icon:nth-child(3){animation:5s ease-in-out 1s infinite loader-float;bottom:25%;right:0}.loader-floating-icon:nth-child(4){animation:4s ease-in-out 1.5s infinite loader-float-alt;bottom:0;left:50%;transform:translate(-50%)}.loader-floating-icon:nth-child(5){animation:4.5s ease-in-out 2s infinite loader-float;bottom:25%;left:0}.loader-floating-icon:nth-child(6){animation:5s ease-in-out .8s infinite loader-float-alt;top:25%;left:0}.loader-brand{gap:0;display:flex}.loader-brand-letter{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;animation:1.2s ease-in-out infinite loader-letter-bounce}.loader-brand-letter:first-child{animation-delay:0s}.loader-brand-letter:nth-child(2){animation-delay:.1s}.loader-brand-letter:nth-child(3){animation-delay:.2s}.loader-brand-letter:nth-child(4){animation-delay:.3s}.loader-brand-letter:nth-child(5){animation-delay:.4s}.loader-brand-letter:nth-child(6){animation-delay:.5s}.loader-tagline{color:#64748b;font-size:1rem;font-weight:500;animation:.6s ease-out .3s both loader-fade-in-up}.loader-tagline-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;font-weight:600}.loader-dots{gap:6px;display:flex}.loader-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite loader-dots}.loader-dot:first-child{animation-delay:0s}.loader-dot:nth-child(2){animation-delay:.15s}.loader-dot:nth-child(3){animation-delay:.3s}.absolute{position:absolute}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.opacity-100{opacity:1}.opacity-0{opacity:0}.scale-100{transform:scale(1)}.scale-50{transform:scale(.5)}.text-white{color:#fff}.w-8{width:2rem}.h-8{height:2rem}.w-12{width:3rem}.h-12{height:3rem}.w-20{width:5rem}.h-20{height:5rem}
.auth-container{background-color:#fff;width:100%;min-height:100vh;position:relative;overflow:hidden}.auth-circle{content:"";z-index:6;background-image:linear-gradient(-45deg,#4481eb 0%,#04befe 100%);border-radius:50%;width:2000px;height:2000px;transition:all 1.8s ease-in-out;position:absolute;top:-10%;right:48%;transform:translateY(-50%)}.auth-circle.sign-up-mode{right:52%;transform:translate(100%,-50%)}.forms-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.signin-signup{z-index:5;grid-template-columns:1fr;width:50%;transition:all 1s ease-in-out .7s;display:grid;position:absolute;top:50%;left:75%;transform:translate(-50%,-50%)}.signin-signup.sign-up-mode{left:25%}form{flex-direction:column;grid-area:1/1/2/2;justify-content:center;align-items:center;padding:0 5rem;transition:all .2s .7s;display:flex;overflow:hidden}.sign-in-form{z-index:2;opacity:1}.sign-up-form,.sign-up-mode .sign-in-form{opacity:0;z-index:1}.sign-up-mode .sign-up-form{opacity:1;z-index:2}.input-field{background-color:#f0f0f0;border-radius:55px;align-items:center;gap:.5rem;width:100%;max-width:380px;height:55px;margin:10px 0;padding:0 1rem;display:flex}.input-field input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:1.1rem;font-weight:600}.input-field input::placeholder{color:#aaa;font-weight:500}.btn-submit{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#5995fd;border:none;border-radius:49px;outline:none;width:150px;height:49px;margin:10px 0;font-weight:600;transition:all .5s}.btn-submit:hover{background-color:#4d84e2}.social-icon{color:#333;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{color:#4481eb;border-color:#4481eb}.panels-container{grid-template-columns:repeat(2,1fr);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.panel{text-align:center;z-index:6;color:#fff;flex-direction:column;justify-content:space-around;align-items:flex-end;display:flex}.left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.panel-content{transition:transform .9s ease-in-out .6s}.panel-image{width:100%;max-width:400px;transition:transform 1.1s ease-in-out .4s}.btn-transparent{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:49px;width:130px;height:41px;font-size:.8rem;font-weight:600;transition:all .3s}.btn-transparent:hover{background-color:#ffffff1a}.right-panel .panel-image,.right-panel .panel-content{transform:translate(800px)}.left-panel.sign-up-mode .panel-image,.left-panel.sign-up-mode .panel-content{transform:translate(-800px)}.right-panel.sign-up-mode .panel-image,.right-panel.sign-up-mode .panel-content{transform:translate(0)}.left-panel.sign-up-mode{pointer-events:none}.right-panel.sign-up-mode{pointer-events:all}@media (max-width:870px){.auth-container{height:100vh;min-height:800px}.signin-signup{width:100%;transition:all 1s ease-in-out .8s;top:95%;left:50%;transform:translate(-50%,-100%)}.signin-signup.sign-up-mode{top:5%;left:50%;transform:translate(-50%)}.panels-container{grid-template-rows:1fr 2fr 1fr;grid-template-columns:1fr}.panel{flex-direction:row;grid-column:1/2;justify-content:space-around;align-items:center;padding:2.5rem 8%}.left-panel{grid-row:1/2}.right-panel{grid-row:3/4}.panel-image{width:200px;transition:transform .9s ease-in-out .6s}.panel-content{padding-right:15%;transition:transform .9s ease-in-out .8s}.panel-content h3{font-size:1.2rem}.panel-content p{padding:.5rem 0;font-size:.7rem}.btn-transparent{width:110px;height:35px;font-size:.7rem}.auth-circle{width:1500px;height:1500px;bottom:68%;left:30%;right:initial;top:initial;transition:all 2s ease-in-out;transform:translate(-50%)}.auth-circle.sign-up-mode{bottom:32%;right:initial;transform:translate(-50%,100%)}.left-panel.sign-up-mode .panel-image,.left-panel.sign-up-mode .panel-content{transform:translateY(-300px)}.right-panel.sign-up-mode .panel-image,.right-panel.sign-up-mode .panel-content{transform:translateY(0)}.right-panel .panel-image,.right-panel .panel-content{transform:translateY(300px)}form{padding:0 1.5rem}}@media (max-width:570px){form{padding:0 1.5rem}.panel-image{display:none}.panel-content{padding:.5rem 1rem}.auth-container{padding:1.5rem}.auth-circle{bottom:72%;left:50%}.auth-circle.sign-up-mode{bottom:28%;left:50%}}
