@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Plus+Jakarta+Sans:wght@800&display=swap');

@font-face {
   font-family: 'Zona Pro';
   src: url('../fonts/ZonaPro-Regular.eot');
   src: local('Zona Pro'), local('ZonaPro-Regular'),
      url('../fonts/ZonaPro-Regular.eot?#iefix') format("embedded-opentype"),
      url('../fonts/ZonaPro-Regular.woff') format("woff"),
      url('../fonts/ZonaPro-Regular.woff2') format("woff2"),
      url('../fonts/ZonaPro-Regular.ttf') format("truetype");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

body {
   width: 100%;
   height: auto;
   min-height: 100vh;
   background: #05071A;
   font-family: sans-serif;
   font-size: 16px;
   font-weight: 400;
   color: #fff;
   overflow-x: hidden;
}

.wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100vh;
   position: relative;
}

.content {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   background: url('../img/bg.png') no-repeat center / cover;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 0 9.5vw;
   overflow: hidden;
}

.content:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 176px;
   background: url('../img/bg-top.svg') no-repeat top center / cover;
}

.header {
   position: relative;
   z-index: 1;
   max-width:870px;
   width: 100%;
}

.header__logo {
   display: block;
   max-width: 330px;
   margin: 0 auto;
}

.header__logo img {
   display: block;
}

.main {
   position: relative;
   z-index: 1;
   text-align: center;
}

.main__title {
   background: rgba(44, 44, 53, 0.651);
   font-family: 'Luckiest Guy', sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
   padding: 40px 39px 40px;
   border-radius: 78px;
   margin: 56px 0 14px;
   position: relative;
}

.main__title:before {
   content: '';
   width: 87px;
   height: 144px;
   position: absolute;
   bottom: -100px;
   right: 0;
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2287%22%20height%3D%22144%22%20viewBox%3D%220%200%2087%20144%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.49089%20143.2L54.605%20129.261L35.8127%20121.747C40.9298%20119.939%2050.9574%20114.326%2052.5701%2097.8543C50.9324%2079.1147%2037.4685%2075.6291%2028.1368%2073.2166C20.7502%2071.3063%2015.9519%2070.0658%2021.6453%2062.4608C28.5397%2053.2401%2039.3574%2055.0693%2050.7656%2056.9905C60.6445%2058.6591%2070.9626%2060.3966%2079.5504%2055.0962C84.747%2051.9176%2086.6624%2043.8354%2086.3119%2033.5406C86.3346%2033.5407%2086.3497%2033.5407%2086.3725%2033.5333C86.3726%2033.473%2086.3502%2033.36%2086.3052%2033.2018C85.9725%2024.6842%2085.1674%2011.6773%2080.0112%205.59393C79.0526%204.38648%2077.8967%203.33663%2076.5888%202.49721C76.5056%202.44427%2076.4225%202.39886%2076.3469%202.34594C76.0066%202.13417%2075.6588%201.93743%2075.3033%201.75574C75.1748%201.68762%2075.0386%201.627%2074.91%201.56641C74.5923%201.41494%2074.267%201.27851%2073.9342%201.14958C73.7753%201.08891%2073.6164%201.02823%2073.4575%200.975089C73.1397%200.861268%2072.8067%200.769997%2072.4813%200.678746C72.3072%200.63309%2072.1408%200.587454%2071.9667%200.549328C71.6185%200.473075%2071.2627%200.411862%2070.9069%200.358179C70.7479%200.335155%2070.5889%200.3046%2070.43%200.281575C69.8999%200.227417%2069.3775%200.18834%2068.8398%200.186872C64.8939%200.176099%2061.3149%201.7552%2058.7253%204.32346C58.0798%204.96176%2057.4871%205.66798%2056.9776%206.41961C55.9435%207.93036%2055.1966%209.64521%2054.8129%2011.4966C54.621%2012.4223%2054.5199%2013.3783%2054.5173%2014.3573C54.5161%2014.794%2054.5452%2015.2233%2054.5819%2015.6451C54.5967%2015.7807%2054.6115%2015.9163%2054.6263%2016.0443C54.6633%2016.3381%2055.7231%2022.079%2056.0323%2022.5618C61.5344%2040.6568%2063.4034%2046.799%2039.2645%2041.9213C1.86398%2034.3869%20-5.3929%2059.8568%203.83833%2076.8626C8.16381%2084.8338%2016.4346%2084.6908%2024.5084%2084.5547C33.6577%2084.3989%2042.5571%2084.2425%2045.1836%2095.9139C49.5007%20115.286%2037.001%20119.228%2032.5684%20120.006L24.8225%2099.887L2.49089%20143.2Z%22%20fill%3D%22%23FDCA10%22%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
}

.main__title>span {
   display: block;
}

.main__title-free {
   font-size: 55px;
   line-height: 1.2;
   text-shadow: 0px 5.9190449714660645px 5.9190449714660645px rgba(0, 0, 0, 0.349);
}

.main__title-deposit {
   font-size: 95px;
   background: -webkit-linear-gradient(179.23deg, #F9EA47 11.4%, #FDE62E 15.19%, #FFD41B 22.78%, #FCC90F 30.38%, #FCC50D 37.97%, #F28F3F 74.98%, #EB683B 95.86%, #E73D3B 106.3%);
   background: -moz-linear-gradient(179.23deg, #F9EA47 11.4%, #FDE62E 15.19%, #FFD41B 22.78%, #FCC90F 30.38%, #FCC50D 37.97%, #F28F3F 74.98%, #EB683B 95.86%, #E73D3B 106.3%);
   background: -o-linear-gradient(179.23deg, #F9EA47 11.4%, #FDE62E 15.19%, #FFD41B 22.78%, #FCC90F 30.38%, #FCC50D 37.97%, #F28F3F 74.98%, #EB683B 95.86%, #E73D3B 106.3%);
   background: linear-gradient(179.23deg, #F9EA47 11.4%, #FDE62E 15.19%, #FFD41B 22.78%, #FCC90F 30.38%, #FCC50D 37.97%, #F28F3F 74.98%, #EB683B 95.86%, #E73D3B 106.3%);
   background-clip: text;
   -webkit-text-fill-color: transparent;
   margin: 9px 0 13px;
}

.main__title-deposit span {
   font-size: 53px;
}

.main__title-bonus {
   font-size: 56px;
   text-shadow: 0px 5.9190449714660645px 5.9190449714660645px rgba(0, 0, 0, 0.349);
}

.main__button {
   display: inline-block;
   font-family: 'Plus Jakarta Sans', sans-serif;
   font-size: 32px;
   background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22490%22%20height%3D%22124%22%20viewBox%3D%220%200%20490%20124%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_d_1_238)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M33.7032%200.0541992H456.573C475.417%200.0541992%20488.107%2016.4112%20484.998%2036.0978L477.768%2081.9014C474.927%2099.8544%20458.589%20114.08%20441.207%20114.08H51.0584C33.6765%20114.08%2017.0887%2099.8544%2013.9388%2081.8837L5.9085%2036.0801C2.45615%2016.4001%2014.862%200.0541992%2033.7032%200.0541992Z%22%20fill%3D%22url(%23paint0_linear_1_238)%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_1_238%22%20x%3D%220.838311%22%20y%3D%220.0541992%22%20width%3D%22489.122%22%20height%3D%22123.013%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%224.49372%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222.24686%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.35%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_1_238%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_1_238%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22paint0_linear_1_238%22%20x1%3D%22243.83%22%20y1%3D%2212.463%22%20x2%3D%22244.179%22%20y2%3D%22122.129%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F9EA47%22%2F%3E%3Cstop%20offset%3D%220.04%22%20stop-color%3D%22%23FDE62E%22%2F%3E%3Cstop%20offset%3D%220.12%22%20stop-color%3D%22%23FFD41B%22%2F%3E%3Cstop%20offset%3D%220.2%22%20stop-color%3D%22%23FCC90F%22%2F%3E%3Cstop%20offset%3D%220.28%22%20stop-color%3D%22%23FCC50D%22%2F%3E%3Cstop%20offset%3D%220.67%22%20stop-color%3D%22%23F28F3F%22%2F%3E%3Cstop%20offset%3D%220.89%22%20stop-color%3D%22%23EB683B%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E73D3B%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat no-repeat;
   background-position: center center;
   background-size: contain;
   width: 485px;
   height: 125px;
   text-align: center;
   padding: 25px;
}

.main__button:hover {
   opacity: .6;
}

.main-bg {
   position: absolute;
   bottom: -6vh;
   left: 11.5vw;
}

.footer {
   background: #090909;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-top: 29px;
   padding-bottom: 29px;
   padding-left: -webkit-calc(50% - (1440px / 2));
   padding-left: -moz-calc(50% - (1440px / 2));
   padding-left: calc(50% - (1440px / 2));
   padding-right: -webkit-calc(50% - (1440px / 2));
   padding-right: -moz-calc(50% - (1440px / 2));
   padding-right: calc(50% - (1440px / 2));
   position: relative;
   z-index: 1;
}

.footer ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 15px;
}

.footer__crypto li:first-child {
   font-family: 'Zona Pro', sans-serif;
   font-weight: 400;
   font-size: 10px;
   max-width: 80px;
}