.MainAfterLoginVisualBox{display:block;position:relative}.MainAfterLoginVisualBox .visualSet{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.MainAfterLoginVisualBox .visualSet .background{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:50%;left:0;right:0;top:0;bottom:0;display:block;opacity:0;transition:all .3s;overflow:hidden;margin:-1px;background-size:auto;background-position-x:right}@media screen and (max-width:430px){.MainAfterLoginVisualBox .visualSet .background{background-position-x:80%}}.MainAfterLoginVisualBox .visualSet .model{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .model img{transform:scale(.95);display:block;position:absolute;top:-20px;right:0;-o-object-fit:fill;object-fit:fill;transition:all .2s}.MainAfterLoginVisualBox .visualSet .entity{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .entity img{display:block;position:absolute;top:80px;right:480px;-o-object-fit:fill;object-fit:fill;transition:all .2s;animation:animate_heart_beat 1s ease infinite}.MainAfterLoginVisualBox .visualSet .mobile-resize{transform:scale(60%)}.MainAfterLoginVisualBox .visualSet .mobile-resize .largeLabel{justify-content:flex-start;position:absolute;width:100%;height:200px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible;filter:hue-rotate(43deg) brightness(.9) saturate(5)}.MainAfterLoginVisualBox .visualSet .mobile-resize .largeLabel img{display:block;position:absolute;left:-35px;top:-100px;transition-duration:.5s;transform:scale(60%)}@media screen and (min-width:600px){.MainAfterLoginVisualBox .visualSet .mobile-resize .largeLabel img{left:-10px}}.MainAfterLoginVisualBox .visualSet .mobile-resize .smallLabel{position:absolute;width:100%;height:400px;left:50%;top:45%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.MainAfterLoginVisualBox .visualSet .mobile-resize .smallLabel img{display:block;position:absolute;top:350px;left:10px;-o-object-fit:none;object-fit:none;transition-duration:.5s;transform:scale(90%)}@media screen and (min-width:600px){.MainAfterLoginVisualBox .visualSet .mobile-resize .smallLabel img{left:30px}}.MainAfterLoginVisualBox .visualSet:first-child .mobile-resize .largeLabel{left:-45px}.MainAfterLoginVisualBox .visualSet:nth-child(2) .mobile-resize .largeLabel{left:-100px}.MainAfterLoginVisualBox .visualSet:nth-child(3) .mobile-resize .largeLabel{left:-15px}.MainAfterLoginVisualBox .visualSet:nth-child(3) .mobile-resize .smallLabel{left:-10px}.MainAfterLoginVisualBox .visualSet:nth-child(4) .mobile-resize .largeLabel{left:-15px}.MainAfterLoginVisualBox .visualSet:nth-child(4) .mobile-resize .smallLabel{left:-20px}.MainAfterLoginVisualBox .visualSet:nth-child(5) .mobile-resize .largeLabel{left:-15px}.MainAfterLoginVisualBox .visualSet:nth-child(5) .mobile-resize .smallLabel{left:0}.MainAfterLoginVisualBox .visualSet:nth-child(6) .mobile-resize .smallLabel{left:5px}.MainAfterLoginVisualBox .visualSet.Active{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.MainAfterLoginVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.MainAfterLoginVisualBox .visualSet.Active .entity,.MainAfterLoginVisualBox .visualSet.Active .model{opacity:1;transition-property:all;transition-delay:.2s;transition-duration:.5s}.MainAfterLoginVisualBox .visualSet.Active .mobile-resize .largeLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .mobile-resize .largeLabel img{transition-property:all;transition-duration:.5s;top:30px}.MainAfterLoginVisualBox .visualSet.Active .mobile-resize .smallLabel{opacity:1}.MainAfterLoginVisualBox .visualSet.Active .mobile-resize .smallLabel img{transition-property:all;transition-duration:.5s;top:200px}.MainAfterLoginVisualBox .visualNav{position:absolute;display:flex;bottom:-25px;left:50%;transform:translate(-50%)}.MainAfterLoginVisualBox .visualNav div{margin-right:8px;margin-left:8px;width:20px;height:20px;border-radius:10px;background:#222a3f;cursor:pointer}.MainAfterLoginVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #640ea9,0 0 30px #8600f7;width:50px;transition:all .5s}#PageMain{display:block;text-align:center}#PageMain>div .title{display:flex;justify-content:flex-start;margin-bottom:20px;margin-left:20px}#PageMain>div .content{margin-bottom:10px}#PageMain .popularGame{display:block;min-width:320px;max-width:768px;margin:30px auto 0}#PageMain .popularGame a{width:100%;flex:1 0 300px}#PageMain .popularGame .mobile-button{position:absolute;bottom:58px;left:20px;padding:6px 16px;font-size:9px;border-radius:50px;background-color:#8600f7;color:#fff;border:1px solid #8600f7}#PageMain .popularGame .meta-container{display:flex;grid-gap:15px;position:absolute;bottom:0;left:20px;right:20px}#PageMain .popularGame .meta-container .meta-value{font-size:14px;color:#c7c7c7;width:100%}#PageMain .popularGame .meta-container .meta-value p{font-size:12px;color:#c480ff;margin-top:3px}#PageMain .popularGame .rule-btn{left:110px;background-color:transparent;color:#c7c7c7;border:1px solid #c7c7c7}#PageMain .popularGame .content{display:block;width:100%}#PageMain .popularGame .content .slideBox{display:flex;gap:10px;overflow:hidden;margin-bottom:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-top:10px;flex-wrap:wrap}#PageMain .popularGame .content .slideBox .gameCard{display:block;position:relative;flex-shrink:0;background:linear-gradient(89deg,#120022,#340d54 100%);border:1px solid #161c24;box-shadow:0 0 10px rgba(0,0,0,.4),0 0 40px rgba(0,0,0,.267),inset 0 0 50px rgba(0,0,0,.267);transition:all .5s;cursor:pointer;margin-left:0;height:200px;overflow:hidden}#PageMain .popularGame .content .slideBox .gameCard .visualImage{display:flex;position:absolute;left:0;right:0;bottom:130px;top:90px;align-items:center;justify-content:center;filter:grayscale(.7) brightness(.7);transform:scale(.7);transition:all .3s}#PageMain .popularGame .content .slideBox .gameCard .label{display:flex;position:absolute;left:0;right:0;top:20px;height:48px;align-items:center;justify-content:flex-start;padding-left:20px}#PageMain .popularGame .content .slideBox .gameCard .label .largeLabel{font-size:30px;font-weight:900;background:#6d747b;font-family:Pretendard,sans-serif;background:linear-gradient(30deg,#8600f7 30%,rgba(174,147,236,.67) 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#PageMain .popularGame .content .slideBox .gameCard .label .smallLabel{color:#c7c7c7;font-size:14px;font-weight:400;padding-left:7px}#PageMain .popularGame .content .slideBox .gameCard .description{display:flex;position:absolute;left:0;right:0;bottom:88px;height:50px;align-items:center;font-size:11px;text-align:left;padding-left:20px;padding-right:20px;color:#c7c7c7}#PageMain .popularGame .content .slideBox .gameCard a.button{display:flex;position:absolute;left:15px;right:15px;bottom:15px;height:40px;align-items:center;justify-content:center;color:#becde3;background:#1b222c;border:1px solid #6d747b;border-radius:20px;font-size:12px;font-weight:600}#PageMain .popularGame .content .slideBox .gameCard:hover{background:#0b0e18;border:1px solid #161c24;transition:all .5s}#PageMain .popularGame .content .slideBox .gameCard:hover .visualImage{display:flex;position:absolute;left:0;right:0;bottom:130px;top:90px;align-items:center;justify-content:center;filter:grayscale(0) brightness(1);transform:scale(.8);transition:all .3s}#PageMain .popularGame .content .slideBox .gameCard:hover .label .largeLabel,#PageMain .popularGame .content .slideBox .gameCard:hover .label .smallLabel{color:#fff;text-shadow:0 0 0 #fff,0 0 10px #8600f7,0 0 30px #8600f7;transition:all .1s}#PageMain .popularGame .content .slideBox .gameCard:hover .button{background:#640ea9;border:1px solid #8600f7;color:#fff}#PageMain .popularGame .content .slideBox .gameCard.hide{transform:translateX(-100%)}#PageMain .popularGame .content .slideBox .gameCard.show{transform:translateX(0)}#PageMain .popularGame .content .slideBox .gameCard.slide{animation:slide 1s}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(0)}}#PageMain .liveSports{padding-top:30px}#PageMain .esports,#PageMain .liveSports{display:block;margin:0 auto;width:100%;min-width:1200px;max-width:2200px}#PageMain .esports{padding-top:60px}#PageMain .esports .content{display:block;position:relative;height:340px;min-width:1200px;max-width:2200px;padding-left:40px;padding-right:40px}#PageMain .esports .content .ESportsMatch{opacity:0;position:absolute;top:60px;right:20px;left:20px;transform:scale(1.05);filter:brightness(1) grayscale(0);box-shadow:0 20px 20px rgba(0,0,0,.333);transition:all .8s}#PageMain .esports .content .ESportsMatch:after{z-index:0}#PageMain .esports .content .ESportsMatch.order-0{opacity:0;top:55px;right:20px;left:20px;transform:scale(.9);filter:brightness(.8) grayscale(.2);transition:all 0s;z-index:10}#PageMain .esports .content .ESportsMatch.order-1{opacity:.8;top:40px;right:20px;left:20px;transform:scale(.9);filter:brightness(.8) grayscale(.2);transition:all 1.4s;z-index:10}#PageMain .esports .content .ESportsMatch.order-2{opacity:1;top:25px;right:20px;left:20px;transform:scale(.95);filter:brightness(.9) grayscale(.1);transition:all 1.2s;z-index:20}#PageMain .esports .content .ESportsMatch.order-3{opacity:1;top:0;right:20px;left:20px;transform:scale(1);filter:brightness(1) grayscale(0);transition:all 1s;z-index:30}#PageMain .ranking{display:block;margin:0 auto;width:min(100vw,768px)}#PageMain .ranking .content .row{display:flex;flex-direction:row;padding-left:10px;padding-right:10px;position:relative;z-index:10}#PageMain .ranking .content .row .colLeft{width:100%;flex-shrink:1;overflow:hidden}#PageMain .ranking .content .row .colRight{width:370px;flex-shrink:0;margin-left:10px}#PageMain .ranking .content .row:first-child{z-index:20}.MainBeforeLoginVisualBox{top:25%}.MainBeforeLoginVisualBox .resize{transform:scale(33%)}.MainBeforeLoginVisualBox .visualNav div{width:10px;height:10px;margin-left:5px;margin-right:5px}.MainBeforeLoginVisualBox .visualNav div.Active{height:10px;width:30px;margin:0}.MainAfterLoginVisualBox{width:min(100vw,768px);height:200px}.MainAfterLoginVisualBox .mobile-resize{transform:scale(.6);position:absolute}.MainAfterLoginVisualBox .visualNav div{height:10px!important;width:10px!important;margin-left:5px;margin-right:5px}.MainAfterLoginVisualBox .visualNav div.Active{width:25px!important}.popular-games-bg img{opacity:.1;width:175px;position:absolute;right:-42px;top:42px}@media only screen and (min-width:640px){.MainAfterLoginVisualBox .visualSet .background{background-size:cover}}.MainBeforeLoginVisualBox{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#0b0e18}.MainBeforeLoginVisualBox img{-webkit-user-drag:none}.MainBeforeLoginVisualBox .visualSet{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.MainBeforeLoginVisualBox .visualSet .background{bottom:0;height:100vh;left:0;opacity:0;position:absolute;right:0;transition:all .3s;display:flex;place-content:center;place-items:center}.MainBeforeLoginVisualBox .visualSet .background img{display:block;left:0;top:0;right:0;bottom:0;width:100%;min-width:320px;max-width:768px;margin:0 auto;height:100dvh;position:fixed;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.MainBeforeLoginVisualBox .visualSet .label.large img{opacity:0;display:block;position:absolute;left:50%;top:-100px;transform:translate(-50%);width:min(100% - 80px,768px)}.MainBeforeLoginVisualBox .visualSet .label.small img{opacity:0;display:block;position:absolute;left:50%;top:200px;transform:translate(-50%);width:min(100% - 70px,768px)}.MainBeforeLoginVisualBox .visualSet .entity{display:block;position:absolute;opacity:0;transition:all .3s;width:90vw;left:50%;transform:translate(-50%)}@media screen and (max-width:2560px){.MainBeforeLoginVisualBox .visualSet .entity{width:90vw}}@media screen and (max-width:2000px){.MainBeforeLoginVisualBox .visualSet .entity{width:140vw}}@media screen and (max-width:1600px){.MainBeforeLoginVisualBox .visualSet .entity{width:150vw}}@media screen and (max-width:1280px){.MainBeforeLoginVisualBox .visualSet .entity{width:160vw}}@media screen and (max-width:1023px){.MainBeforeLoginVisualBox .visualSet .entity{width:250vw}}@media screen and (max-width:430px){.MainBeforeLoginVisualBox .visualSet .entity{width:340vw}}.MainBeforeLoginVisualBox .visualSet .entity.right img{display:block;position:absolute;top:60dvh;transition:all .5s;width:100%}@media screen and (max-width:2560px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:80dvh}}@media screen and (max-width:2048px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:60dvh}}@media screen and (max-width:1280px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:40dvh}}@media screen and (max-width:1024px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:85dvh}}@media screen and (max-width:430px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:80dvh}}@media screen and (max-width:375px){.MainBeforeLoginVisualBox .visualSet .entity.right img{top:60dvh}}.MainBeforeLoginVisualBox .visualSet .entity.left img{display:none;position:absolute;top:400px;left:-150px;transition:all .5s}.MainBeforeLoginVisualBox .visualSet .particle{display:block;position:absolute;opacity:0;transition:all .3s;left:50%;top:300px;transform:translate(-50%)}@media screen and (min-width:600px){.MainBeforeLoginVisualBox .visualSet .particle{display:none}}.MainBeforeLoginVisualBox .visualSet.Active{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}.MainBeforeLoginVisualBox .visualSet.Active .background{opacity:.7;transition:all .3s}.MainBeforeLoginVisualBox .visualSet.Active .label{position:relative;opacity:1;transition:all .5s;z-index:10}.MainBeforeLoginVisualBox .visualSet.Active .label.large img{opacity:1;display:block;position:absolute;top:70px;left:50%;transform:translate(-50%,-100%);transition:all .5s}.MainBeforeLoginVisualBox .visualSet.Active .label.small img{opacity:1;display:block;position:absolute;left:50%;top:80px;transform:translate(-50%);transition:all .5s .3s}.MainBeforeLoginVisualBox .visualSet.Active .entity{position:absolute;z-index:5;opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualSet.Active .particle{opacity:1;transition:all .5s}.MainBeforeLoginVisualBox .visualNav{position:absolute;bottom:30px;left:50%;display:none;transform:translate(-50%)}.MainBeforeLoginVisualBox .visualNav div{width:16px;height:16px;border-radius:8px;background:#222a3f;cursor:pointer;transition:all .5s;margin-right:8px;margin-left:8px}.MainBeforeLoginVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #640ea9,0 0 30px #c480ff;border-radius:8px;width:40px;height:16px;margin-right:8px;margin-left:8px;transition:all .5s}.main-button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:100%;bottom:70px}.main-button-container .center{margin:0 0 20px}.main-button-container .center .logo{width:60%;max-width:350px;margin-bottom:10px}.main-button-container .center .logo-label{width:90%;max-width:600px;filter:hue-rotate(199deg) brightness(.9) saturate(15)}.main-button-container a{position:relative;display:inline-block;padding:25px 30px;color:#03e9f4;text-decoration:none;text-transform:uppercase;transition:.5s;letter-spacing:4px;overflow:hidden;background:linear-gradient(#131b33,#0b101e)}.main-button-container a:active{background:#03e9f4;color:#050801;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 200px #03e9f4;-webkit-box-reflect:below 1px linear-gradient(transparent,rgba(0,0,0,.333))}.main-button-container a:first-child{filter:hue-rotate(270deg)}.main-button-container a:nth-child(2){filter:hue-rotate(110deg)}.main-button-container a span{position:absolute;display:block}.main-button-container a span:first-child{top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:animate1 1s linear infinite}@keyframes animate1{0%{left:-100%}50%,to{left:100%}}.main-button-container a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:animate2 1s linear infinite;animation-delay:.25s}@keyframes animate2{0%{top:-100%}50%,to{top:100%}}.main-button-container a span:nth-child(3){bottom:0;right:0;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:animate3 1s linear infinite;animation-delay:.5s}@keyframes animate3{0%{right:-100%}50%,to{right:100%}}.main-button-container a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);animation:animate4 1s linear infinite;animation-delay:.75s}@keyframes animate4{0%{bottom:-100%}50%,to{bottom:100%}}.main-login-button{color:#fff;background:linear-gradient(135deg,#432ea9 30%,#8600f7 70%);border:none;border-radius:30px;padding:15px 30px;max-width:145px}@keyframes animate_grow_2{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes animate_grow_3{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes punch{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes bounce{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.animate_grow_1 img{animation:animate_grow_1 3s ease-in-out infinite}.animate_grow_2 img{animation:animate_grow_2 3s ease-in-out infinite}.animate_grow_3 img{animation:animate_grow_3 3s ease-in-out infinite}.animate_punch img{animation:punch 3s ease-in-out infinite}.animate_bounce img{animation:bounce 3s ease-in-out infinite}.EventVisualBox{display:block;position:relative;width:min(100vw,767px);height:200px}.EventVisualBox .visualSet{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.EventVisualBox .visualSet .background{position:absolute;background-repeat:no-repeat;background-position:50%;left:0;right:0;top:0;bottom:0;display:block;opacity:0;transition:all .3s;overflow:hidden;background-size:cover;background-position-x:left}.EventVisualBox .visualSet .model{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .model img{transform:scale(.95);display:block;position:absolute;top:-20px;right:0;-o-object-fit:fill;object-fit:fill;transition:all .2s}.EventVisualBox .visualSet .entity{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .entity img{display:block;position:absolute;top:80px;right:480px;-o-object-fit:fill;object-fit:fill;transition:all .2s;animation:animate_heart_beat 1s ease infinite}@keyframes animate_heart_beat{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.EventVisualBox .visualSet .largeLabel{opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .largeLabel img{display:block;position:absolute;-o-object-fit:cover;object-fit:cover;width:min(100vw,768px);transition-duration:.5s;top:50%;transform:translateY(-50%)}.EventVisualBox .visualSet .smallLabel{position:absolute;width:100%;max-width:2200px;min-width:1200px;height:400px;left:50%;top:45%;transform:translate(-50%,-50%);display:block;opacity:0;transition-property:all;transition-delay:0s;transition-duration:.3s;overflow:visible}.EventVisualBox .visualSet .smallLabel img{display:block;position:absolute;top:350px;left:30px;-o-object-fit:none;object-fit:none;transition-duration:.5s}.EventVisualBox .visualSet.Active{display:flex;place-items:center;position:absolute;left:0;right:0;top:0;bottom:0}.EventVisualBox .visualSet.Active .background{opacity:1;transition:all .3s}.EventVisualBox .visualSet.Active .entity,.EventVisualBox .visualSet.Active .model{opacity:1;transition-property:all;transition-delay:.2s;transition-duration:.5s}.EventVisualBox .visualSet.Active .largeLabel{opacity:1}.EventVisualBox .visualSet.Active .largeLabel img{transition-property:all;transition-duration:.5s}.EventVisualBox .visualSet.Active .smallLabel{opacity:1}.EventVisualBox .visualSet.Active .smallLabel img{transition-property:all;transition-duration:.5s;top:230px}.EventVisualBox .visualNav{position:absolute;display:flex;bottom:-25px;left:50%;transform:translate(-50%)}.EventVisualBox .visualNav div{height:10px!important;width:10px!important;margin-left:5px;margin-right:5px;border-radius:10px;background:#222a3f;cursor:pointer}.EventVisualBox .visualNav div.Active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #640ea9,0 0 30px #8600f7;width:50px;transition:all .5s}.background-container{height:calc(100dvh - 100px);overflow:hidden;position:relative;background-repeat:no-repeat;background-size:cover}.background-container>.background-layer{width:100%;height:100%;overflow:hidden}.background-container>.background-layer>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.background-container .overlay{position:relative;height:calc(100dvh - 100px);overflow:hidden}.background-container .overlay>.newMainContainer{position:absolute;bottom:10dvh;z-index:5;width:100%;display:flex;flex-direction:column;gap:10px;align-items:center}.background-container .overlay>.newMainContainer>.main-login-button{width:70%;max-width:100%}.background-container .overlay .center-details{position:relative;height:100%}.background-container .overlay .center-details>.particles{position:absolute;width:100%;height:100%;top:0}.background-container .overlay .center-details>.particles.particles-container-0 .particle{position:absolute}.background-container .overlay .center-details>.particles.particles-container-0 .particle.initial{transition:none;opacity:0}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated{transition:all 1s;opacity:1}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-0{width:43.49%;left:0;animation:animate_grow_1 4s ease-in-out infinite;bottom:0;animation-delay:0s}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-1{width:78.18%;left:-25%;top:20dvh;animation:float 4s ease-in-out infinite;animation-delay:.2s}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-2{width:21.46%;bottom:10dvh;left:48%;animation:animate_grow_1 4s ease-in-out infinite;animation-delay:.4s}.background-container .overlay .center-details>.particles.particles-container-0 .particle.animated.particle-img-3{width:43.96%;right:-10%;top:7dvh;animation:float 4s ease-in-out infinite;animation-delay:.6s}.background-container .overlay .center-details>.particles.particles-container-1 .particle{position:absolute}.background-container .overlay .center-details>.particles.particles-container-1 .particle.initial{transition:none;opacity:0}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated{transition:all 1s;opacity:1}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-0{left:20%;animation:animate_grow_1 5s ease-in-out infinite;animation-delay:.3s;top:6%;width:75%;z-index:1}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-1{z-index:5;right:-15%;bottom:0;animation:float 5s ease-in-out infinite;animation-delay:.3s;width:55%}.background-container .overlay .center-details>.particles.particles-container-1 .particle.animated.particle-img-2{left:0;top:35dvh;animation:float 5s ease-in-out infinite;animation-delay:.3s;width:30%;z-index:1}.background-container .overlay .center-details>.particles.particles-container-2 .particle.particle-img-0{width:200%;left:40%;animation:rotate360 60s linear infinite;animation-delay:.3s}.background-container .overlay .center-details>.particles>.visual-img{transition:all 2ms}.background-container .overlay .center-details>.particles>.visual-img.composite-img{transition:all 1s;width:100%;height:calc(100dvh - 100px);bottom:0;position:absolute}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-parts{position:absolute;bottom:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-1{width:80%;right:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-2{width:80%;z-index:2;right:0}.background-container .overlay .center-details>.particles>.visual-img.composite-img>.img-part-3{width:100%;left:5%}.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial .img-part-2,.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial>.img-part-1,.background-container .overlay .center-details>.particles>.visual-img.composite-img.initial>.img-part-3{animation:none}.background-container .overlay .center-details>.particles>.visual-img.composite-img.animated>.img-part-3{animation:spinEaseOut 7s cubic-bezier(.25,1,.5,1) forwards}.background-container .overlay .center-details>.particles>.visual-img.right-img-0{transition:all 1s;z-index:6}.background-container .overlay .center-details>.particles>.visual-img.right-img-0.initial{transition:none;opacity:0}.background-container .overlay .center-details>.particles>.visual-img.right-img-0.animated{opacity:1;bottom:0;width:43.18%}.background-container .overlay .center-details>.particles>.visual-img.right-img-1{transition:all 1s;position:absolute;z-index:3}.background-container .overlay .center-details>.particles>.visual-img.right-img-1.initial{transition:none;opacity:0}.background-container .overlay .center-details>.particles>.visual-img.right-img-1.animated{opacity:1;bottom:0;width:165%;left:-10%}.background-container .overlay .center-details>.particles>.visual-img.right-img-2{transition:all 1s;z-index:2}.background-container .overlay .center-details>.particles>.visual-img.right-img-2.initial{transition:none;opacity:0}.background-container .overlay .center-details>.particles>.visual-img.right-img-2.animated{opacity:1;width:90%;position:absolute;bottom:-5dvh;left:10%}.background-container .overlay .center-details.center-text-0 .text-container{position:absolute;width:100%;top:10dvh;height:auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.background-container .overlay .center-details.center-text-0 .text-container>img{width:80.08%}.background-container .overlay .center-details.center-text-1 .text-container{height:auto;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:absolute;bottom:30dvh;z-index:6;width:100%}.background-container .overlay .center-details.center-text-1 .text-container>img{width:60.08%}.background-container .overlay .center-details.center-text-2 .text-container{position:absolute;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;bottom:30dvh;width:100%;z-index:7}.background-container .overlay .center-details.center-text-2 .text-container>img{width:70.08%}.background-container .overlay .visualNav{bottom:35px;display:flex;left:50%;position:absolute;transform:translate(-50%);z-index:5}.background-container .overlay .visualNav .nav-dot{background:#222a3f;border-radius:10px;cursor:pointer;height:20px;margin-left:8px;margin-right:8px;width:20px}.background-container .overlay .visualNav .nav-dot.active{background:#fff;box-shadow:0 0 0 #fff,0 0 10px #8600f7,0 0 30px #8600f7;transition:all .5s;width:50px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes animate_grow_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.background-container .fade-in{animation:fadeIn 1s forwards}.background-container .fade-out{animation:fadeOut 1s forwards}.background-container .slide-down{animation:slideDown .5s forwards}.background-container .slide-up{animation:slideUp .5s forwards}.background-container .slide-out-down{animation:slideOutDown .5s forwards}.background-container .slide-out-top{animation:slideOutTop .5s forwards}.background-container .scale{animation:scale-up 2s forwards}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinEaseOut{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scale-up{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-60dvh)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(60dvh)}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(60dvh)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-60dvh)}}