@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:1rem;font-weight:700;text-align:center;text-transform:uppercase;color:var(--color-white)}.header__title--gift{font-size:1.875rem;font-weight:900}.header__spin{display:flex;align-items:baseline;justify-content:center;margin-top:-12px}.header__counter{font-size:1.875rem;font-weight:900;line-height:1.2;text-align:center;color:var(--color-accent)}.header__description{font-size:1rem;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:16px;grid-template-rows:200px 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%}.wheel__container::before{position:absolute;z-index:5;top:49%;left:50%;width:102%;height:102%;content:"";transform:translate(-50%,-50%);background-image:url(../images/main/wheel-border-mobile.png);background-repeat:no-repeat;background-position:center;background-size:cover}.wheel__container img{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:115px;padding:0;cursor:pointer;transition:all .4s ease-in-out;transform:translate(-50%,-50%);border:2px solid transparent;border-radius:100%;background-size:100%;box-shadow:0 0 31.17px 0 #1c0c0c;background:linear-gradient(90deg,#090909 0,#333 25%,#010101 50%,#333 75%,#090909 100%) padding-box,radial-gradient(89.41% 89.41% at 61.18% 100%,#89af00 0,#556400 85.64%,#d1ff7f 100%) border-box}.wheel__button:disabled,.wheel__button:focus,.wheel__button:hover{background:linear-gradient(90deg,#090909 0,#1e1e1e 25%,#010101 50%,#1e1e1e 75%,#090909 100%) padding-box,radial-gradient(89.41% 89.41% at 61.18% 100%,#89af00 0,#556400 85.64%,#d1ff7f 100%) border-box}.wheel__button:focus-visible{outline:0}.wheel__button-text{font-size:1rem;font-weight:700;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;letter-spacing:.24px;text-transform:uppercase;pointer-events:none;color:#fff;text-shadow:0 4px 4px 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(4590deg)}50%{transform:rotate(4595deg)}}@keyframes wheel-shake-4{0%,to{transform:rotate(6925deg)}50%{transform:rotate(6930deg)}}@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(4590deg)}}@keyframes spin-to-stage-four{0%{transform:rotate(4590deg)}to{transform:rotate(6925deg)}}@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.png) no-repeat center/cover;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-logo{position:absolute;top:110px;left:50%;transform:translateX(-50%)}.modal-logo svg{width:223px;height:50px}.modal-form{display:flex;justify-content:center;width:100%}.modal-dialog{position:relative;display:flex;align-items:center;flex-direction:column;width:100%;max-width:327px;padding:50px 20px;border:2px solid transparent;border-radius:24px;background:linear-gradient(90deg,#090909 0,#333 25%,#010101 50%,#333 75%,#090909 100%) padding-box,radial-gradient(89.41% 89.41% at 61.18% 100%,#89af00 0,#556400 85.64%,#d1ff7f 100%) border-box;box-shadow:8px 8px 32px 0 rgba(0,0,0,.8)}.modal-header{font-size:1.875rem;font-weight:900;line-height:1;margin-bottom:24px;text-align:center;text-transform:uppercase;color:var(--color-white)}.modal-text{font-size:1rem;font-weight:700;line-height:1;margin-bottom:12px;text-align:center;text-transform:uppercase;color:var(--color-white)}.modal-title{font-size:1.25rem;font-weight:900;line-height:1;margin-bottom:24px;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:1.125rem;font-weight:800;line-height:1;position:relative;z-index:40;overflow:hidden;width:calc(100% - 40px);padding:20px 0;cursor:pointer;text-align:center;text-decoration:unset;text-transform:uppercase;color:var(--color-white);border:none;border-radius:16px;outline:0;background:linear-gradient(180deg,#98b400 -23.37%,#68a100 51.77%,#195f00 138.33%);box-shadow:0 4px 4px 0 rgba(0,0,0,.2509803922),0 4px 4px 0 rgba(255,221,221,.2509803922) inset;margin-bottom:16px}.modal-button:focus,.modal-button:hover{background:linear-gradient(180deg,#68a100 -23.37%,#609500 51.77%,#195f00 138.33%)}.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))}.modal-gift{position:absolute;height:auto}.modal-gift-1{top:-113px;right:-67px}.modal-gift-2{top:-74px;left:-55px}.modal-gift-3{bottom:-217px;left:-46px}.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:12px 12px;animation-name:show-content;animation-duration:.2s;animation-timing-function:ease-in-out;border:2px solid transparent;border-radius:16px;background:linear-gradient(90deg,#090909 0,#333 25%,#010101 50%,#333 75%,#090909 100%) padding-box,radial-gradient(89.41% 89.41% at 61.18% 100%,#89af00 0,#556400 85.64%,#d1ff7f 100%) border-box;box-shadow:2px 2px 6px 0 rgba(0,0,0,.8);gap:10px;animation-fill-mode:both}.gift__bonus{font-size:1rem;font-weight:700;line-height:1;text-transform:uppercase;color:var(--color-white)}.gift__text{font-size:1.375rem;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 (min-width:768px){.header{padding-top:40px}}@media all and (min-width:768px){.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:1.625rem;grid-area:title}.header__title--gift{font-size:2.1875rem}.header__spin{justify-content:flex-end;margin-top:0;grid-area:spin}.header__counter{font-size:1.625rem}.header__description{font-size:1.625rem}.main{min-height:max(100dvh,700px)}.hero__info{margin-top:75px}.wheel{width:var(--wheel-size);height:calc(var(--wheel-size) + 10px)}.wheel__container::before{width:min(70vh,var(--wheel-size));height:auto;aspect-ratio:519/529;content:"";background-image:url(../images/main/wheel-border-desktop.png)}.wheel__container img{width:min(70vh,88%,var(--wheel-size))}.wheel__button{width:170px;height:170px}.wheel__button-text{font-size:1.375rem;font-weight:800}:root{--wheel-size:519px;--wheel-top-position:max(150px, 22vh)}@supports (min-height:100dvh){:root{--wheel-top-position:max(150px, 22dvh)}}.modal-logo{top:200px}.modal-logo svg{width:469px;height:105px}.modal-dialog{max-width:621px;padding:50px 28px}.modal-header{font-size:3.125rem}.modal-text{font-size:1.625rem}.modal-title{font-size:2.1875rem}.modal-input{font-size:1.375rem}.modal-button{width:initial;padding:20px 100px}.modal-gift-1{top:-95px;right:-90px}.modal-gift-2{top:0;left:-82px}.modal-gift-3{bottom:-227px;left:61px}.gift__wrapper{height:118px;padding:20px 24px;gap:15px}.gift__bonus{font-size:1.625rem}.gift__text{font-size:2.1875rem}.footer{height:68px}.footer__list{gap:40px}}@media all and (min-width:834px){.header__title{margin-top:46px}}@media all and (min-width:850px){.header__title{margin-top:0}}@media all and (min-width:991px){.header__grid{grid-template-columns:3fr 6fr 3fr;grid-template-areas:"logo title spin"}.hero__info{justify-content:center;margin-top:0}.modal-logo{top:40px}.gift{position:absolute;top:75px;right:0;flex-direction:column;width:initial;gap:20px}}@media screen and (min-width:991px){.main{background-image:url(../images/main/bg.png);grid-template-rows:68px auto 68px}}@media all and (min-width:1024px){:root{--wheel-top-position:101px}}@media all and (min-width:1124px){.gift__wrapper{width:280px;max-width:initial;padding:12px 24px}}@media all and (min-width:1440px){.wheel__button{width:180px;height:180px}: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)}}}