*{margin:0;padding:0}body{visibility:hidden}body.dom-content-loaded{visibility:visible}html,body{overflow:hidden}.webgl{position:fixed;top:0;left:0;outline:none;opacity:0;pointer-events:none}.webgl.show{opacity:1;pointer-events:auto}.lato-thin{font-family:Lato,sans-serif;font-weight:100;font-style:normal}.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.lato-bold{font-family:Lato,sans-serif;font-weight:700;font-style:normal}.lato-black{font-family:Lato,sans-serif;font-weight:900;font-style:normal}.lato-thin-italic{font-family:Lato,sans-serif;font-weight:100;font-style:italic}.lato-light-italic{font-family:Lato,sans-serif;font-weight:300;font-style:italic}.lato-regular-italic{font-family:Lato,sans-serif;font-weight:400;font-style:italic}.lato-bold-italic{font-family:Lato,sans-serif;font-weight:700;font-style:italic}.lato-black-italic{font-family:Lato,sans-serif;font-weight:900;font-style:italic}.anta-regular,.end__content__text,.popin__info,.popin__success,.popin__answer__error__text,.popin__answer__button,.popin__question__content,.lock__success,.lock__answer__error__text,.lock__answer__button,.lock__title{font-family:Anta,sans-serif;font-weight:400;font-style:normal}.roboto-condensed,.popin__answer__input,.lock__answer__input{font-family:Roboto Condensed,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}html,body{width:100%;height:100%}body{background:#4d2461}.lock{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;box-sizing:border-box;padding:20px;overflow:hidden;display:none;pointer-events:none;background:linear-gradient(45deg,#5d368b 0%,#472d6f 100%)}.lock.show{display:block;pointer-events:auto}.lock svg{display:none}.lock__anim{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;filter:url(#filter-blur) blur(40px)}.lock__anim__item{position:absolute;mix-blend-mode:var(--blending);opacity:1}.lock__anim__item:nth-of-type(1){width:80%;height:110%;top:-5%;left:10%;background:radial-gradient(circle at center,rgba(168,178,253,.8) 0,rgba(168,178,253,0) 50%);transform-origin:center center;animation:moveVertical 30s ease infinite}.lock__anim__item:nth-of-type(2){width:80%;height:110%;top:-5%;left:10%;background:radial-gradient(circle at center,rgba(223,139,242,.8) 0,rgba(223,139,242,0) 50%);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite}.lock__anim__item:nth-of-type(3){width:80%;height:110%;top:20%;left:30%;background:radial-gradient(circle at center,rgba(126,51,168,.8) 0,rgba(126,51,168,0) 50%);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite}.lock__anim__item:nth-of-type(4){width:80%;height:110%;top:40%;right:60%;background:radial-gradient(circle at center,rgba(220,79,170,.8) 0,rgba(220,79,170,0) 50%);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.6}.lock__anim__item:nth-of-type(5){width:160%;height:160%;top:-15%;left:-30%;background:radial-gradient(circle at center,rgba(162,138,244,.8) 0,rgba(162,138,244,0) 50%);transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite}.lock__anim__item:nth-of-type(6){width:110%;height:80%;top:0%;left:0%;background:radial-gradient(circle at center,rgba(116,43,223,.8) 0,rgba(116,43,223,0) 50%);opacity:.8}.lock__container{position:absolute;width:50%;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.lock__title{position:relative;padding-bottom:20px;color:#fff;font-size:1.5rem;text-align:center}.lock__answer{position:relative}.lock__answer__input{position:relative;display:block;width:100%;box-sizing:border-box;padding:20px 15px;border:1px solid #ffffff;background-color:transparent;outline:0;margin-bottom:25px;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:2px}.lock__answer__button{position:relative;display:block;box-sizing:border-box;padding:10px 20px;margin:0 auto;border:none;cursor:pointer;background:linear-gradient(90deg,#742bdf 0%,#df8bf2 40%,#f3bfff 60%,#742bdf 100%);background-size:200% 100%;background-position:0 0;transition:background-position .5s ease-out;color:#fff;font-size:1.5rem;text-align:center;text-transform:uppercase;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lock__answer__button:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:#ffffff;z-index:-1}.lock__answer__button:hover{background-position:100% 0}.lock__answer__error{position:relative;padding-top:20px;overflow:hidden}.lock__answer__error__text{position:relative;opacity:0;transform:translateY(50px);transition:transform .3s ease,opacity .3s ease;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:2px}.lock__answer__error.show .lock__answer__error__text{opacity:1;transform:translateY(0);transition:transform .4s ease,opacity .3s ease .1s}.lock__success{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;pointer-events:none;color:#fff;font-size:2.5rem;text-align:center}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.scene{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;opacity:0;pointer-events:none}.scene.show{opacity:1}.question__container{position:absolute;display:flex;flex-wrap:wrap;width:100%;left:0;bottom:0;z-index:2;pointer-events:auto}.question__item{--question-color: #9f90a9;--question-color-hover: #9f90a9;--question-color-border: #9f90a9;position:relative;width:calc(100% / 27);border-top:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px)}.question__item:not(:last-of-type):before{content:"";display:block;position:absolute;width:1px;height:100%;top:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 50%,rgba(0,0,0,.05) 100%)}.question__item:after{display:block;content:"";width:100%;padding-top:100%}.question__item__content{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#9f90a926}.question__item__content:before{background:var(--question-color)}.question__item:not(.pending) .question__item__content:after{background:var(--question-color)}.question__item__border{position:absolute;width:100%;height:100%;top:0;left:0;display:none}.question__item__border:before{content:"";position:absolute;display:block;width:100%;height:3px;top:0;left:0;transform:scaleX(0);transform-origin:0 0;background-color:var(--question-color-border);transition:transform .3s cubic-bezier(1,0,0,1)}.question__item__border:after{content:"";position:absolute;display:block;width:100%;height:3px;bottom:0;left:0;transform:scaleX(0);transform-origin:100% 0;background-color:var(--question-color-border);transition:transform .3s cubic-bezier(1,0,0,1)}.question__item__border:last-of-type{transform:rotate(90deg)}.question__item:hover .question__item__border:first-of-type:before{transform:scaleX(1);transition:transform .4s cubic-bezier(.19,1,.22,1)}.question__item:hover .question__item__border:first-of-type:after{transform:scaleX(1);transition:transform .5s cubic-bezier(1,0,0,1) 40ms}.question__item:hover .question__item__border:last-of-type:before{transform:scaleX(1);transition:transform .5s cubic-bezier(1,0,0,1) 20ms}.question__item:hover .question__item__border:last-of-type:after{transform:scaleX(1);transition:transform .5s cubic-bezier(1,0,0,1) 60ms}.question__item.active .question__item__border:first-of-type:before{transform:scaleX(1)}.question__item.active .question__item__border:first-of-type:after{transform:scaleX(1)}.question__item.active .question__item__border:last-of-type:before{transform:scaleX(1)}.question__item.active .question__item__border:last-of-type:after{transform:scaleX(1)}.question__item.active.current .question__item__content:before{background:var(--question-color-hover)}.question__item.success{--question-color: #a8b2fd}.question__item.success.to-animate .question__item__content:before{opacity:0;transform:translate3d(-50%,-50%,0) rotate(45deg) scaleX(0)}.question__item.success.to-animate .question__item__content:after{opacity:0;transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(0)}.question__item.success .question__item__content{background-color:#928af24d}.question__item.success .question__item__content:before{content:"";display:block;position:absolute;width:9px;height:5px;top:calc(50% + 2px);left:calc(50% - 2px);transform:translate3d(-50%,-50%,0) rotate(45deg) scaleX(1);transform-origin:0 0;transition:transform .3s ease;opacity:1}.question__item.success .question__item__content:after{content:"";display:block;position:absolute;width:15px;height:5px;top:calc(50% + 8px);left:calc(50% + 2px);transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1);transform-origin:0 0;transition:transform .3s ease;opacity:1}.question__item.error{--question-color: #ffb2b2;cursor:pointer}.question__item.error .question__item__content:before{content:"";display:block;position:absolute;width:15px;height:5px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(45deg);transition:transform .5s ease}.question__item.error .question__item__content:after{content:"";display:block;position:absolute;width:15px;height:5px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg);transition:transform .5s ease}.question__item.pending{--question-color: #9f90a9;--question-color-hover: #9f90a9;cursor:pointer}.question__item.pending .question__item__border{display:block}.question__item.pending .question__item__content:before{content:"";display:block;position:absolute;width:12px;height:10px;top:calc(50% + 3px);left:50%;transform:translate3d(-50%,-50%,0);transition:background-color .5s ease}.question__item.pending .question__item__content:after{content:"";display:block;position:absolute;top:calc(50% - 3px);left:50%;width:6px;height:6px;border:3px solid var(--question-color);border-radius:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg);background:transparent;transition:border-color .5s ease}.question__item.current{--question-color: #928af2;--question-color-hover: #742bdf;cursor:pointer}.question__item.current:hover .question__item__content:before{background:var(--question-color-hover)}.question__item.current .question__item__border{display:block}.question__item.current .question__item__border:first-of-type:before{background:linear-gradient(90deg,#742bdf 0%,#df8bf2 100%)}.question__item.current .question__item__border:first-of-type:after{background:linear-gradient(90deg,#df8bf2 0%,#742bdf 100%)}.question__item.current .question__item__border:last-of-type:before{background:linear-gradient(90deg,#df8bf2 0%,#742bdf 100%)}.question__item.current .question__item__border:last-of-type:after{background:linear-gradient(90deg,#742bdf 0%,#df8bf2 100%)}.question__item.current .question__item__content:before{content:"";display:block;position:absolute;width:12px;height:15px;top:calc(50% + 1px);left:50%;clip-path:polygon(0 0,100% 0%,100% 100%,50% 60%,0% 100%);transform:translate3d(-50%,-50%,0);transition:background-color .5s ease}.popin{position:absolute;top:50%;left:25%;width:50%;z-index:2;transform:translateY(-50%);opacity:0;pointer-events:none}.popin.show{opacity:1;pointer-events:auto}.popin.reverse .popin__question__content{transform:scaleX(-1)}.popin.show-info-waiting .popin__question,.popin.show-info-waiting .popin__answer,.popin.show-info-waiting .popin__info--fast{display:none}.popin.show-info-waiting .popin__info--waiting{display:block}.popin.show-info-fast .popin__question,.popin.show-info-fast .popin__answer,.popin.show-info-fast .popin__info--waiting{display:none}.popin.show-info-fast .popin__info--fast{display:block}.popin__close{position:absolute;top:-55px;right:-5px;width:50px;height:50px;background:linear-gradient(180deg,#742bdf 0%,#df8bf2 100%);z-index:2;transform:scaleY(0);transform-origin:100% 100%;cursor:pointer}.popin__close__content{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform .3s ease;opacity:0}.popin__close__content:before{content:"";position:absolute;display:block;width:50%;height:2px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg);background-color:#fff}.popin__close__content:after{content:"";position:absolute;display:block;width:50%;height:2px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(45deg);background-color:#fff}.popin__close:hover .popin__close__content{transform:rotate(180deg)}.popin__border{position:absolute;width:100%;height:100%;top:0;left:0}.popin__border__item{display:block;position:absolute;width:calc(100% + 12px);height:calc(100% + 12px);top:-6px;left:-6px;background:linear-gradient(45deg,#742bdf 0%,#df8bf2 100%)}.popin__border__item:nth-of-type(1){clip-path:polygon(0 0,0 0,0 6px,0 6px)}.popin__border__item:nth-of-type(2){clip-path:polygon(calc(100% - 6px) 0,100% 0,calc(100% - 6px) 0,100% 0)}.popin__border__item:nth-of-type(3){transform:scaleX(-1);background:linear-gradient(130deg,#df8bf2 0%,#742bdf 100%);clip-path:polygon(0 calc(100% - 6px),0 calc(100% - 6px),0 100%,0 100%)}.popin__border__item:nth-of-type(4){transform:scaleY(-1);background:linear-gradient(-45deg,#df8bf2 0%,#742bdf 100%);clip-path:polygon(0 0,6px 0,0 0,6px 0)}.popin__container{position:relative;width:100%;height:100%;top:0;left:0;box-sizing:border-box;padding:40px 20px 20px;background-color:#9f90a940;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0}.popin__content{position:relative;width:80%;margin:0 auto}.popin__question{position:relative;padding-bottom:20px;opacity:0}.popin__question__content{position:relative;color:#fff;font-size:1.5rem;text-align:center}.popin__answer{position:relative}.popin__answer__input{position:relative;display:block;width:100%;box-sizing:border-box;padding:20px 15px;border:1px solid #ffffff;background-color:transparent;outline:0;margin-bottom:25px;opacity:0;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:2px}.popin__answer__button{position:relative;display:block;box-sizing:border-box;padding:10px 20px;margin:0 auto;border:none;cursor:pointer;background:linear-gradient(45deg,#742bdf 0%,#df8bf2 40%,#df8bf2 60%,#742bdf 100%);background-size:200% 100%;background-position:0 0;transition:background-position .5s ease-out;opacity:0;color:#fff;font-size:1.5rem;text-align:center;text-transform:uppercase}.popin__answer__button:hover{background-position:100% 0}.popin__answer__error{position:relative;padding-top:20px;overflow:hidden}.popin__answer__error__text{position:relative;opacity:0;transform:translateY(50px);transition:transform .3s ease,opacity .3s ease;color:#fff;font-size:1.1rem;text-align:center;letter-spacing:2px}.popin__answer__error.show .popin__answer__error__text{opacity:1;transform:translateY(0);transition:transform .4s ease,opacity .3s ease .1s}.popin__success{position:absolute;width:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);opacity:0;pointer-events:none;color:#fff;font-size:2.5rem;text-align:center}.popin__info{position:relative;display:none;color:#fff;font-size:1.5rem;text-align:center}.confetti-canvas{position:fixed;width:1000px;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);pointer-events:none;outline:none}.end{position:absolute;top:50%;left:15%;width:70%;z-index:2;transform:translateY(-50%);opacity:0;pointer-events:none}.end.show{opacity:1}.end__close{position:absolute;top:-49px;right:0;width:50px;height:50px;background:linear-gradient(180deg,#742bdf 0%,#df8bf2 100%);z-index:2;transform:scaleY(0);transform-origin:100% 100%;cursor:pointer;pointer-events:auto}.end__close__content{position:absolute;width:100%;height:100%;top:0;left:0;transition:transform .3s ease;opacity:0}.end__close__content:before{content:"";position:absolute;display:block;width:50%;height:2px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(-45deg);background-color:#fff}.end__close__content:after{content:"";position:absolute;display:block;width:50%;height:2px;top:50%;left:50%;transform:translate3d(-50%,-50%,0) rotate(45deg);background-color:#fff}.end__close:hover .end__close__content{transform:rotate(180deg)}.end__container{position:relative;width:100%;height:100%;top:0;left:0;box-sizing:border-box;padding:80px 50px;background:linear-gradient(45deg,#742bdf 0%,#df8bf2 100%);transform:scaleX(0);transform-origin:50% 50%}.end__content{position:relative;opacity:0}.end__content__text{position:relative;width:100%;color:#fff;font-size:2rem;text-align:center}