*{box-sizing:border-box}:root{--primary: #6446FF;--primaryLight: #7459FF;--white: #FFFFFF;--fontFamily: "X5 Sans VF"}@font-face{font-family:X5 Sans VF;font-style:normal;font-weight:200;src:local("X5 Sans VF"),local("X5-Sans-VF"),url(./X5-Sans-VF-Zg216Ncp.woff2) format("woff2"),url(./X5-Sans-VF-DLNwhbT2.woff) format("woff")}@font-face{font-family:X5 Sans VF;font-style:normal;font-weight:400;src:local("X5 Sans VF"),local("X5-Sans-VF"),url(./X5-Sans-VF-Zg216Ncp.woff2) format("woff2"),url(./X5-Sans-VF-DLNwhbT2.woff) format("woff")}@font-face{font-family:X5 Sans VF;font-style:normal;font-weight:600;src:local("X5 Sans VF"),local("X5-Sans-VF"),url(./X5-Sans-VF-Zg216Ncp.woff2) format("woff2"),url(./X5-Sans-VF-DLNwhbT2.woff) format("woff")}body{max-width:100%;margin:0;background-color:var(--primary);font-family:var(--fontFamily),sans-serif;font-weight:200;overflow-x:hidden}.root{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;min-height:100vh;padding:40px 48px 32px;overflow:hidden}.logo{width:525px;max-width:100%;pointer-events:none}.main{display:inline-flex;flex-direction:column;margin-top:auto;padding-top:40px;z-index:1}.main__text{margin:24px 0;font-size:18px;font-weight:200;line-height:24px;color:#f4f4f5;text-align:center}.main__button{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;width:100%;height:56px;padding:0 24px;border-radius:20px;background-color:#fff;font-size:18px;font-weight:300;line-height:24px;color:#000;text-align:center;white-space:nowrap;text-decoration:none;transition:background-color .3s,color .3s}.main__button:hover{background-color:#fffc}.description{margin:0;font-size:25.33px;font-weight:200;line-height:46px;letter-spacing:-.3px;color:var(--white)}.description__list{list-style-type:decimal;text-align:left;margin-block-start:1em;margin-block-end:1em}#x5keyDialog{text-decoration:underline;text-decoration-style:solid;text-underline-offset:30%;text-decoration-thickness:2.5%;cursor:pointer}dialog{width:720px;height:702px;border:0;border-radius:24px;padding:16px 32px 12px}.dialog__content{margin-top:20px}.dialog__header{font-weight:400;font-size:32px;line-height:36px;margin:0;padding-top:6px}.dialog__text{letter-spacing:0;font-family:var(--fontFamily);font-weight:400;font-size:18px;line-height:24px;margin:0;padding:16px 0}.dialog__text>a{color:#5233f2}.close{border:none;background-color:inherit;cursor:pointer;width:32px;height:32px;padding:0}.close:focus-visible{outline:none}.dialog__qr{height:178px;width:178px}.qr__block{display:flex;justify-content:space-between}.dialog__app__label{width:173px;margin-top:8px}.list__element{padding-top:8px;font-weight:400}::backdrop{background-color:#6446ff;opacity:.75;height:100%}.app{display:flex}.app__qr{height:100%;border-radius:24px}.app__qr-container{display:flex;flex-direction:column}.app__list{display:flex;flex-direction:column;justify-content:space-between;margin:0 0 0 16px;padding:0;list-style:none}.app__list-item{display:flex;position:relative}.app__link{display:inline-flex}.app__label{width:224px}.app__soon{display:inline-flex;align-items:center;position:absolute;right:-3px;top:-6px;height:22px;padding:0 6px;border-radius:11px;background-color:#fff;font-size:11px;font-weight:700;letter-spacing:-.3px;color:#000}.ribbon{display:flex;position:absolute;right:0;bottom:0;width:940px;max-width:70%;pointer-events:none}.ribbon__back{width:100%}.ribbon__front{position:absolute;bottom:0;right:0;width:100%}@keyframes swayingX{0%{transform:translate(0)}50%{transform:translate(-5%)}to{transform:translate(0)}}@keyframes swayingY{0%{transform:translateY(0)}50%{transform:translateY(-10%) scale(1.1)}to{transform:translateY(0)}}@keyframes face{0%{transform:translate(-2%)}50%{transform:translateY(8%) rotate(-15deg)}to{transform:translate(-2%)}}@keyframes phoneSwing{0%{transform:translate(0)}50%{transform:translate(-1%) rotate(3deg)}to{transform:translate(0)}}@keyframes swayingXMobile{0%{transform:translate(0)}50%{transform:translate(5%)}to{transform:translate(0)}}@keyframes swayingYMobile{0%{transform:translateY(0)}50%{transform:translateY(-10%) scale(1.1)}to{transform:translateY(0)}}@keyframes faceMobile{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes phoneSwingMobile{0%{transform:translate(0)}50%{transform:translate(1%) rotate(-3deg)}to{transform:translate(0)}}.mascot{display:inline-flex;position:absolute;right:29%;bottom:90%;width:29%;transform:translateY(50%)}.mascot__x{display:inline-flex;position:relative;width:100%;animation:swayingX 2s ease-in-out infinite}.mascot__y{display:inline-flex;position:relative;width:100%;animation:swayingY 2s ease-in-out infinite}.mascot__sfera{width:100%}.mascot__sfera-face{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 100%;animation:face 2s ease-in-out infinite}.mascot__sfera-smile{position:absolute;left:0;top:5%;width:100%;height:100%}.mascot__sfera-eye{position:absolute;left:-2%;top:16%;width:45%;transform-origin:100% 100%;transform:rotate(10deg)}.mascot__sfera-eye_left{left:8%;top:14%;transform:rotate(-40deg) scaleX(-1)}.phone{position:absolute;right:4%;bottom:0;width:33%;transform-origin:0 100%;animation:phoneSwing 2s ease-in-out infinite}@media screen and (max-width: 960px){.root{align-items:center;padding:24px 12px 0}.logo{width:100%;max-width:330px}.main{max-width:500px;margin:32px auto auto;padding:0}.app{max-width:450px}.app__label{width:136px}.dialog__qr{display:none}dialog{top:auto;border:0;margin:0;bottom:0;width:100vw;max-width:100vw;padding:18px 12px 40px 16px;border-radius:24px 24px 0 0;height:min-content}.dialog__header{font-size:24px;line-height:26px;padding:0}.dialog__content{margin:0}.dialog__text{font-size:16px;line-height:20px}.dialog__text:last-child{padding-bottom:0}.dialog__app__label{width:168px}.qr__block{justify-content:flex-start;gap:6px}.hideButton{flex:none;display:none}.app__soon{top:-9px}.description{font-size:20px;line-height:22px;text-align:center}.description__list{margin-bottom:0}.app__qr,.main__text,.main__button{display:none}.app__list{flex-direction:row;gap:12px;width:100%;margin:0;align-items:center;justify-content:center;padding:0 16px;flex-wrap:wrap}.ribbon{position:relative;width:650px;max-width:150%;transform:translate(5%)}.ribbon__back{width:100%}.mascot{left:51%;bottom:54%;width:22%;z-index:1}.mascot__x{animation-name:swayingXMobile}.mascot__y{animation-name:swayingYMobile;animation-duration:1s}.mascot__sfera-face{animation-name:faceMobile}.phone{width:30.5%;right:39%;transform-origin:100% 100%;animation-name:phoneSwingMobile;animation-duration:2s}}