@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(../fonts/Montserrat-ExtraBold.woff) format("woff");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat-Black.woff) format("woff");font-style:normal;font-weight:900;font-display:swap}body{font-size:1rem;line-height:1.1;position:relative;min-width:280px;min-height:max(100vh,631px);margin:0;background-color:var(--body-background)}svg{overflow:hidden;vertical-align:middle;fill:currentColor}dialog{padding:0;border:0;background-color:transparent}.main{position:relative;overflow:hidden}:root{--body-background:#121317;--main-font-family:"Montserrat",Arial,sans-serif;--animation-duration-wheel-shake:2.4s;--animation-duration-spin-to-stage:4s;--animation-duration-lang-modal:2s;--wheel-size:288px;--wheel-size-height:288px;--wheel-top-position:max(123px, 22vh);--body-background-top-position:calc(var(--wheel-top-position) - var(--wheel-size) / 3);--color-white:#ffffff;--color-accent:#ffce00;--color-dark:#180101;--color-gray:#ebeef3}.container{position:relative;width:90%;max-width:1440px;margin:0 auto}body{font-family:var(--main-font-family),Arial,sans-serif;display:flex;flex-direction:column}button{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:after,:before{box-sizing:border-box}.scroll{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-dark) var(--color-gray)}.scroll::-webkit-scrollbar{position:absolute;width:7px;height:7px}.scroll::-webkit-scrollbar-track{background:var(--color-gray)}.scroll::-webkit-scrollbar-thumb{background-color:var(--color-dark)}.scroll::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray)}.header{z-index:15;padding-top:30px;grid-area:header}.header__grid{display:grid;grid-template-columns:1fr;gap:16px}.header__logo{display:flex;width:-moz-fit-content;width:fit-content;margin:0 auto}.header__logo svg{width:223px;height:50px}.header__title{font-size:16px;line-height:11px;font-weight:700;text-align:center;text-transform:uppercase;color:var(--color-white);margin-top:14px}.header__title--gift{font-size:30px;line-height:21px;font-weight:900}.header__spin{display:flex;align-items:center;justify-content:center;margin-top:15px}.header__counter{font-size:30px;line-height:30px;font-weight:900;line-height:1.2;text-align:center;color:var(--color-accent)}.header__description{font-size:16px;line-height:21px;font-weight:700;text-align:center;white-space:nowrap;text-transform:uppercase;color:var(--color-white)}.main{display:grid;min-height:max(100vh,631px);background-image:url(../images/main/bg-mob.png);background-repeat:no-repeat;background-position:center;background-size:cover;gap:40px;grid-template-rows:206px auto 68px;grid-template-columns:1fr;grid-template-areas:"header" "hero" "footer"}@supports (min-height:100dvh){.main{min-height:max(100dvh,631px)}}.hero{grid-area:hero}.hero .container{height:100%}.hero__wrapper{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%}.hero__info{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px;text-wrap:balance}.wheel{position:relative;display:flex;align-items:center;justify-content:center;width:320px;height:320px;margin:0 auto}.wheel__container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.wheel__container::before{position:absolute;z-index:5;top:50%;left:50%;width:102%;height:102%;content:"";transform:translate(-50%,-50%);background-image:url(../images/main/wheel-border-mob.png);background-repeat:no-repeat;background-position:center;background-size:cover}.wheel__container img{max-width:285px;width:100%;height:auto}.wheel__list{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:0;list-style:none;transform-origin:center}.wheel__list_animation_wheel-shake-1{animation-name:wheel-shake-1;animation-duration:var(--animation-duration-wheel-shake);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.wheel__list_animation_wheel-shake-2{animation-name:wheel-shake-2;animation-duration:var(--animation-duration-wheel-shake);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.wheel__list_animation_wheel-shake-3{animation-name:wheel-shake-3;animation-duration:var(--animation-duration-wheel-shake);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.wheel__list_animation_wheel-shake-4{animation-name:wheel-shake-4;animation-duration:var(--animation-duration-wheel-shake);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.wheel__list_animation_spin-to-stage-2{animation-name:spin-to-stage-two;animation-duration:var(--animation-duration-spin-to-stage);animation-timing-function:cubic-bezier(.1,-.01,0,1);animation-iteration-count:1;animation-fill-mode:both}.wheel__list_animation_spin-to-stage-3{animation-name:spin-to-stage-three;animation-duration:var(--animation-duration-spin-to-stage);animation-timing-function:cubic-bezier(.1,-.01,0,1);animation-iteration-count:1;animation-fill-mode:both}.wheel__list_animation_spin-to-stage-4{animation-name:spin-to-stage-four;animation-duration:var(--animation-duration-spin-to-stage);animation-timing-function:cubic-bezier(.1,-.01,0,1);animation-iteration-count:1;animation-fill-mode:both}.wheel__button{position:absolute;z-index:10;top:50%;left:50%;width:115px;height:140px;padding:0;cursor:pointer;transition:all .4s ease-in-out;transform:translate(-49%,-76px);border:none;border-radius:100%;background-color:rgba(255,255,255,0)!important}.wheel__button::before{content:"";z-index:5;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/main/btn-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%}.wheel__button::after{content:"";z-index:7;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/main/btn-hover.png);background-repeat:no-repeat;background-position:center;background-size:100%;opacity:0;transition:.2s all linear}.wheel__button:disabled::after,.wheel__button:focus::after,.wheel__button:hover::after{opacity:1}.wheel__button:disabled-text,.wheel__button:focus-text,.wheel__button:hover-text{color:#062600}.wheel__button:focus-visible{outline:0}.wheel__button-text{z-index:10;width:100%;padding-left:15px;padding-right:18px;font-size:16px;line-height:18px;font-weight:800;position:absolute;bottom:55px;left:50%;transform:translateX(-50%);text-align:center;text-transform:uppercase;pointer-events:none;color:#00392e;text-shadow:0 1px 2px 0 rgba(0,0,0,.1490196078)}@supports (min-height:100dvh){:root{--wheel-top-position:max(123px, 22dvh)}}@keyframes flareAnimation{0%{left:-150%}100%{left:150%}}@keyframes wheel-shake-1{0%,to{transform:rotate(-150deg)}50%{transform:rotate(-155deg)}}@keyframes wheel-shake-2{0%,to{transform:rotate(2338deg)}50%{transform:rotate(2342deg)}}@keyframes wheel-shake-3{0%,to{transform:rotate(4725deg)}50%{transform:rotate(4730deg)}}@keyframes wheel-shake-4{0%,to{transform:rotate(7154deg)}50%{transform:rotate(7159deg)}}@keyframes spin-to-stage-two{0%{transform:rotate(-150deg)}to{transform:rotate(2338deg)}}@keyframes spin-to-stage-three{0%{transform:rotate(2338deg)}to{transform:rotate(4725deg)}}@keyframes spin-to-stage-four{0%{transform:rotate(4725deg)}to{transform:rotate(7154deg)}}@keyframes show-content{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:translateY(0)}}.modal-show{z-index:20!important;visibility:visible!important}.modal{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;overflow:hidden;align-items:center;justify-content:center;animation-name:show-content;animation-duration:.2s;animation-timing-function:ease-in-out;background:url(../images/main/modal-bg-mob.png) no-repeat center/cover;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-form{display:flex;justify-content:center;width:100%;z-index:10}.modal-dialog{position:relative;display:flex;align-items:center;flex-direction:column;width:100%;max-width:340px;min-width:340px;max-height:340px;min-height:340px;background:url(../images/main/form-bg.png) no-repeat center/contain;padding:76.5px 24px}.modal-header{font-size:22px;font-weight:900;line-height:15px;margin-bottom:30px;text-align:center;text-transform:uppercase;color:var(--color-white)}.modal-text{font-size:16px;font-weight:700;line-height:11px;margin-bottom:20px;text-align:center;text-transform:uppercase;color:var(--color-white)}.modal-title{font-size:30px;font-weight:900;line-height:21px;margin-bottom:30px;text-align:center;text-transform:uppercase;color:var(--color-accent)}.modal-input{font-size:1.125rem;line-height:1.1;display:none;width:100%;padding:20px;color:var(--color-dark);border:2px solid var(--color-gray);border-radius:8px;outline:0;background:var(--color-gray)}.modal-input::-moz-placeholder{color:var(--color-dark)}.modal-input::placeholder{color:var(--color-dark)}.modal-input:focus::-moz-placeholder{opacity:0}.modal-input:focus::placeholder{opacity:0}.modal-input.is-invalid{border:2px solid red;background:#fbe0e0}.modal-button{font-size:18px;font-weight:800;line-height:110%;position:relative;z-index:40;overflow:hidden;max-width:247px;width:100%;padding:18.5px;cursor:pointer;text-align:center;text-decoration:unset;text-transform:uppercase;color:#00392e;border:none;outline:0;border:3px solid transparent;border-radius:100px;box-shadow:8px 8px 32px 0 rgba(0,0,0,.8);min-height:60px;background:linear-gradient(180deg,#71c200 -25%,#4c9500 121.67%)}.modal-button::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#a0e500 -23.37%,#ecff01 108.33%);z-index:-1}.modal-button::before{position:absolute;top:0;left:-150%;width:45px;height:100%;content:"";transform:skewX(-45deg);animation:flareAnimation 3s infinite linear;background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.4))}.gift{display:flex;flex-direction:row;justify-content:center;width:100%;gap:16px}.gift__wrapper{position:relative;display:none;align-items:center;flex-direction:column;justify-content:center;width:100%;max-width:153px;padding:20px 24px;animation-name:show-content;animation-duration:.2s;animation-timing-function:ease-in-out;border:2px solid transparent;border-radius:24px;background:linear-gradient(90deg,#0a1d3f 0,#002d6c 25%,#0a1d3f 50%,#002d6c 75%,#0a1d3f 100%) padding-box,radial-gradient(61.18% 69.18% at 89.41% 100%,#cbff0d -3.88%,#4d8700 70.74%,#215300 103.15%) border-box;box-shadow:2px 2px 6px 0 rgba(0,0,0,.8);gap:10px;animation-fill-mode:both}.gift__bonus{font-size:16px;font-weight:700;line-height:1;text-transform:uppercase;color:var(--color-white)}.gift__text{font-size:20px;font-weight:900;line-height:1;white-space:nowrap;color:var(--color-accent)}.footer{z-index:2;height:60px;margin-top:auto;padding-bottom:28px;grid-area:footer}.footer__list{display:flex;align-items:center;justify-content:center;gap:19px}@media screen and (min-width:576px){.main{background-image:url(../images/main/bg-tablet.png)}}@media screen and (min-width:640px){.header{padding-top:40px}.main{grid-template-rows:231px auto 68px;gap:105px}}@media all and (min-width:640px){.header__grid{grid-template-columns:1fr 1fr;grid-template-areas:"logo spin" "title title"}.header__logo{margin:0;grid-area:logo}.header__title{font-size:26px;line-height:18px;grid-area:title;margin-top:64px}.header__title--gift{font-size:35px;line-height:25px}.header__spin{align-items:baseline;justify-content:flex-end;margin-top:0;grid-area:spin}.header__counter{font-size:26px;line-height:26px}.header__description{font-size:26px;line-height:25px}.wheel{width:var(--wheel-size);height:calc(var(--wheel-size) + 10px)}.wheel__container::before{width:min(70vh,var(--wheel-size));height:min(70vh,var(--wheel-size) + 10px);content:"";background-image:url(../images/main/wheel-border.png)}.wheel__container img{max-width:468px;width:min(70vh,88%,var(--wheel-size))}.wheel__button{transform:translate(-49%,-110px);width:170px;height:206px}.wheel__button-text{padding-left:20px;padding-right:25px;font-size:22px;line-height:24px;bottom:84px}:root{--wheel-size:519px;--wheel-top-position:max(150px, 22vh)}@supports (min-height:100dvh){:root{--wheel-top-position:max(150px, 22dvh)}}.modal{background:url(../images/main/modal-bg-tablet.png) no-repeat center/cover}.modal-dialog{max-width:528px;min-width:528px;max-height:528px;min-height:528px;padding:137px 26.5px}.modal-header{font-size:35px;line-height:25px;margin-bottom:45px}.modal-text{font-size:26px;line-height:18px}.modal-title{font-size:50px;line-height:35px;margin-bottom:45px}.modal-input{font-size:1.375rem}.modal-button{max-width:100%;width:auto;padding:21.5px 100px;min-height:66px}.gift__wrapper{height:118px;padding:12px 24px;gap:15px}.gift__bonus{font-size:26px;line-height:18px}.gift__text{font-size:35px;line-height:25px}.footer{height:68px}.footer__list{gap:40px}}@media all and (min-width:768px){.main{min-height:max(100dvh,700px)}.hero__info{margin-top:75px}}@media all and (min-width:991px){.header__grid{grid-template-columns:3fr 6fr 3fr;grid-template-areas:"logo title spin"}.header__title{margin-top:0}.hero__info{justify-content:center;margin-top:0}}@media screen and (min-width:991px){.main{background-image:url(../images/main/bg.png);grid-template-rows:103px auto 68px;gap:83px}}@media all and (min-width:1024px){:root{--wheel-top-position:101px}.modal{background:url(../images/main/modal-bg.png) no-repeat center/cover}.gift{position:absolute;top:75px;right:0;flex-direction:column;width:initial;gap:20px}}@media all and (min-width:1124px){.gift__wrapper{width:280px;max-width:initial;padding:30px 24px}}@media all and (min-width:1440px){.wheel__button{width:170px;height:206px}:root{--wheel-top-position:112px;--body-background-top-position:calc(var(--wheel-top-position) - var(--wheel-size) / 4)}}@media all and (min-width:1540px){.container{width:100%}}@media all and (min-width:1920px){:root{--wheel-top-position:max(200px, 22vh)}@supports (min-height:100dvh){:root{--wheel-top-position:max(200px, 22dvh)}}}