.bonus_page{
margin-top: 50px;    
}


.bonus_page_background {
    height: 200%;
    position: absolute;
    top: 0;
    right: -1000px;
    left: -1000px;
    margin: auto;
    pointer-events: none;
    overflow: hidden;
    width: 100%;
}

.bonus_page_background_container {
    position: relative;
    width: 1440px;
    margin: auto;
}

.PageBackground_circle1{
    top: 414px;
    right: 17px;
    position: absolute;
    width: 321px;
    height: 338px;
}

.PageBackground_circleOuter_zZbhF {
    width: 321px;
    height: 338px;
    border-radius: 338px;
    background-color: #3385ffb3;
    filter: blur(200px);
        position: absolute;
    inset: 0;
    margin: auto;
}

.PageBackground_circleMiddle_Yf_zg {
    width: 109px;
    height: 114px;
    background-color: #3385ff57;
    filter: blur(45px);
    position: absolute;
    inset: 0;
    margin: auto;
}

.PageBackground_circleCenter_AnGfu {
    width: 11px;
    height: 11px;
    border-radius: 30px;
    background: linear-gradient(86deg, #22d7ff 18.7%, #0097ec 100%), #c4c4c4;
    box-shadow: 0 1px #ffffff85 inset;
    position: absolute;
    inset: 0;
    margin: auto;
}

.PageBackground_circle2 {
    top: 885px;
    left: -94px;
        position: absolute;
    width: 321px;
    height: 338px;
}

.PageBackground_circle3 {
    top: 4161px;
    right: -81px;
    position: absolute;
    width: 321px;
    height: 338px;
}

.PageBackground_imageWrapper1{
    right: -128px;
    top: 1313px;
    position: absolute;
}

.PageBackground_imageLight_i79wd {
    top: 0;
    right: 0;
    width: 243px;
    height: 256px;
    background-color: #5748ff;
    border-radius: 100%;
    filter: blur(183px);
        position: absolute;
}

.BackgroundImage_root_Ne7K9 {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 367px;
    height: 367px;
    background-image: url(../images/gift.e00021fcd-733.png);
}

.PageBackground_imageWrapper2 {
    top: 1659px;
    left: -205px;
    position: absolute;
}

.PageBackground_imageWrapper2_SglxG{
    top: 88px;
    left: 70px;
    width: 265px;
    height: 279px;
    background-color: #ffad33;
    border-radius: 100%;
    filter: blur(200px);
    opacity: .7;
    position: absolute;
}

.BackgroundImage_root_SglxG {
    background-size: 100%;
    background-repeat: no-repeat;
    width:  484px;
    height: 572px;
    background-image: url(../images/bear.a11bc64c8-968.png);
}

.PageBackground_imageWrapper3 {
    top: 2266px;
    right: -123px;
    position: absolute;
}

.PageBackground_imageWrapper3_e45tZ {
    top: -20px;
    right: -300px;
    width: 703px;
    height: 639px;
    border-radius: 100%;
    opacity: .4;
    background-image: radial-gradient(50.08% 50.08% at 50.06% 49.92%, rgba(127, 0, 187, .8) 0%, #0a0f1d 100%);
        position: absolute;
}

.BackgroundImage_root_e45tZ {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 359px;
    height: 575px;
    background-image: url(../images/banknotes.2ad4fe9c6-718.png);
}

.PageBackground_imageWrapper4 {
    top: 2715px;
    left: -142px;
    position: absolute;
}

.PageBackground_imageWrapper4_antYv{
    top: -150px;
    left: -220px;
    width: 703px;
    height: 639px;
    border-radius: 100%;
    opacity: .3;
    background-image: radial-gradient(50.08% 50.08% at 50.06% 49.92%, rgba(127, 0, 187, .8) 0%, #0a0f1d 100%);
      position: absolute;
}

.BackgroundImage_root_antYv {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 365px;
    height: 282px;
    background-image: url(../images/banknote.a4518ead2-730.png);
}

.PageBackground_imageWrapper5 {
    top: 3363px;
    right: -44px;
     position: absolute;
}

.PageBackground_imageWrapper5_j5bKR {
    top: -230px;
    right: -230px;
    width: 677px;
    height: 745px;
    border-radius: 100%;
    opacity: .3;
    background-image: radial-gradient(50.08% 50.08% at 50.06% 49.92%, rgba(0, 88, 221, .8) 0%, #0a0f1d 100%);
     position: absolute;
}

.BackgroundImage_root_j5bKR {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 217px;
    height: 240px
    background-image:url(../images/spades.e5ee6f5c9-434.png);
}

.PageBackground_imageWrapper6{
    top: 3585px;
    left: -66px;
     position: absolute;
}

.PageBackground_imageWrapper6_bV5BV{
    top: -200px;
    left: -230px;
    width: 677px;
    height: 745px;
    border-radius: 100%;
    opacity: .3;
    background-image: radial-gradient(50.08% 50.08% at 50.06% 49.92%, rgba(11, 108, 255, .8) 0%, #0a0f1d 100%);
     position: absolute;
}

.BackgroundImage_root_bV5BV {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 255px;
    height:  364px;
    background-image: url(../images/dollars.854b6fa48-510.png);
}

.bonus_page_container{
 max-width: 720px;
    margin: 0 auto;   
}

.CoinBonusBlock{
margin-bottom: 30px;
margin-top: 30px;
    background-image: linear-gradient(78deg, #f53450 27.8%, #fad23b 100%);
    position: relative;
    text-align: center;
    padding-bottom: 44px;
        border-radius: 30px;
    color: #fff;
    padding: 50px;
}

.CoinBonusBlockBackground {
    overflow: hidden;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.CoinBonusBlockBackground_lefttop {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 329px;
    height: 219px;
    background-image: url(../images/coin1.dff995679-658.png);
    position: absolute;
    top: 0;
    left: 0;
}


.CoinBonusBlockBackground_leftbottom {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 170px;
    height: 96px;
    background-image: url(../images/coin2.af93abee8-340.png);
        position: absolute;
    bottom: 0;
    left: 0;
}

.CoinBonusBlockBackground_right {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 294px;
    height: 271px;
    background-image: url(../images/coin3.f91351b0e-588.png);
        position: absolute;
    right: 0;
    bottom: 0;
}

.CoinBonusBlock_content{
position: relative;
}


.CoinBonusBlock_content_title {
    margin-bottom: 15px;
    line-height: 1;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.8px;
}

.CoinBonusBlock_content_text {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    max-width: 452px;
    margin: 0 auto 26px;
}

.VKStepsBlock {
    background: linear-gradient(244.33deg, #00a3ff 19.42%, #0047ff 85.89%), radial-gradient(207.8% 104.09% at 75.42% 0%, #0fb7ff 0%, rgba(0, 130, 251, 0) 100%);
    border-radius: 30px;
    padding: 30px 15px 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
 

}

.VKStepsBlock ul{
   list-style: none; 
}

.VKStepsBlockBackgroundlefttop {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 174px;
    height: 206px;
    background-image: url(../images/vk-bg-left.2bab522cf-347.png);
    position: absolute;
    left: 0px;
    top: 0px;
}


.VKStepsBlockBackgroundrighttop {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 120px;
    height: 169px;
    background-image: url(../images/vk-bg-right.c115494c2-240.png);
        position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}


.VKStepsBlock_bg_xe2ox {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
        right: 0;
    top: 0;
}
.VKStepsBlock_logo_BYFi5{
    max-width: 146px;
    margin: 0 auto 7px;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.VKStepsBlock_title {
    text-align: center;
    margin-bottom: 25px;
    padding: 0 80px;
    z-index: 2;
    position: relative;
   color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.8px;
    line-height: 110%;
}

.VkBonusRoadmap_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.RoadmapCardUniversal_card_o072r {
    background-color: #ffffff4d;
    padding: 20px;
    height: 100%;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 251px;
    position: relative;
    overflow: hidden;
}


.RoadmapCardUniversal_iconWrapper_Yz1ip {
    width: 81px;
    height: 81px;
    right: -9px;
    top: -9px;
    background: linear-gradient(207.89deg, rgba(87, 188, 255, 0) -32.73%, #97e8ff 86.4%);
    position: absolute;
    border-radius: 50%;
    text-align: center;
    line-height: 72px;
    font-size: 40px;
    padding-right: 9px;
    padding-top: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RoadmapCardUniversal_stepNumber_avbEX {
    background-color: #00168a40;
    padding: 7px 13px;
    border-radius: 29px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    color: #fff;
}

.RoadmapCardUniversal_cardTitle_cpfHb {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
}

.RoadmapCardUniversal_cardSubitle_AlQzl {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    padding-bottom: 15px;
    color: #fff;
}

.VkBonusRoadmap_button_MOuDZ {
    display: block;
    width: 100%;
    color: #090f1e;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.14px;
    border-radius: 12px;
    padding: 10px 20px;
    height: 44px;
}


.TelegramStepsBlock {
    background-image: radial-gradient(115.81% 66.13% at 97.68% 0%, rgba(91, 235, 255, .88) 0%, rgba(40, 122, 255, 0) 100%), linear-gradient(197deg, #0fd4ff 6.43%, #0069b5 88.19%);
    padding: 30px 15px 15px;
    position: relative;
    margin-bottom: 30px;
       margin-top: 30px;
           border-radius: 30px;
    color: #fff;
}

.TelegramStepsBlockBlockBackground {
    overflow: hidden;
    border-radius: inherit;
        position: absolute;
    inset: 0;
    pointer-events: none;
}

.TelegramStepsBlock_backgroundPattern {
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 316px;
    height: 354px;
    background-image: url(../images/backgroundPattern.00c37eb74-632.png);
}

.TelegramStepsBlock_backgroundIcon1{
    position: absolute;
    top: 0;
    right: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 141px;
    height: 188px;
    background-image: url(../images/backgroundIcon1.38edc7251-282.png);
}

.TelegramStepsBlock_backgroundIcon2 {
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 115px;
    height: 111px;
    background-image: url(../images/backgroundIcon2.30061cfe8-230.png);
}

.TelegramStepsBlock_content_UAJpS {
    position: relative;
}

.TelegramStepsBlock_logo_MSGcK {
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 7px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.4px;
    display: flex;
    align-items: center;
}


.TelegramStepsBlock_logoIcon_zWwTF {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #60c9ff;
    box-shadow: 0 31.77345px 65.53274px #0012b733;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.TelegramStepsBlock_title_fTYEP {
    text-align: center;
    margin: 0 auto 25px;
    line-height: 42px;
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: 700;
}

.TelegramBonusRoadmap_root_nw4o_ {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
}

.TelegramBonusRoadmap_step_JX1aJ {
    min-height: 232px;
    background-color: #ffffff4d;
    padding: 20px;
    height: 100%;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.icon-user-approved{
   max-width: 50%; 
}

.PWABonusBlock_root_jhw4W {
    background: linear-gradient(204deg, #FF4665 0%, #FFA158 100%), linear-gradient(11deg, #FC62FF 0%, #7B09FF 100%);
    position: relative;
    margin-bottom: 30px;
        border-radius: 30px;
    color: #fff;
    padding: 50px;
}

.PWABonusBlockBlockBackground {
overflow: hidden;
    border-radius: inherit;
        position: absolute;
    inset: 0;
    pointer-events: none;
}

.PWABonusBlock_content_POfVo {
    position: relative;
    z-index: 4;
}


.PWABonusBlock_title_q6SA5 {
    margin-bottom: 30px;
    width: 300px;
    line-height: 42px;
    letter-spacing: -1.3px;
    font-size: 40px;
    font-weight: 700;
}

.PWABonusBlock_buttons_e5RmZ {
    display: flex;
    gap: 10px;
}

.PWABlockButton_root_jlcCb {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 15px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 1.16px #280a001a;
    cursor: pointer;
}

.PWABlockButton_icon_lYYX_ {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    
}

.PWABlockButton_text_kOrDm {
    margin-left: 5px;
}

.PWABlockButton_installTo_rM4VV {
    color: #6e7995;
    font-size: 10px;
    font-weight: 500;
}

.PWABlockButton_platform_G3OWj {
    color: #090f1e;
    font-size: 14px;
    font-weight: 600;
}


.VouchersBlock_root_nYS4z {
    background: linear-gradient(146.98deg, #6a8bff 9.36%, #3909c5 87.66%);
    position: relative;
    border-radius: 30px;
    color: #fff;
    padding: 50px;
    margin-bottom: 30px;
}
.VouchersBlock_root_nYS4z ul{
   list-style: none; 
}

.VouchersBlock_image_FMhhj {
    pointer-events: none;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 459px;
    height: 368px;
    background-image: url(../images/voucher-desktop.c83e749d0-918.png);
    position: absolute;
    right: 0px;
    top: -16px;
}

.VouchersBlock_title_vSX67 {
    max-width: 370px;
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -.8px;
    line-height: 110%;
}

.VouchersBlock_subtitle_sUgOj {
    margin-bottom: 55px;
    max-width: 380px;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
}

.VouchersBlock_networksListItem_OtW_7:not(:last-child) {
    margin-bottom: 23px;
}

.VouchersBlockSocial_root_AKT7a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.VouchersBlockSocial_socialTitling_Qq2OH {
    display: flex;
    align-items: center;
}

.VouchersBlockSocial_socialTitlingIcon_M10Sk {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 15px;
}

.SocialItemWrapper_telegram_wnt9T {
    background: linear-gradient(240.2deg, #0fb1d6 0%, #08c 61.34%);
    box-shadow: 0 5px 16px #4ca2f64d;
}

.VouchersBlockSocial_socialTitlingText_FMwFZ {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.SocialItemWrapper_youtube_FcIAy {
    background: linear-gradient(135deg, #ff4f4f 0%, #f00 100%);
    box-shadow: 0 5px 16px #f64c4c4d;
}

.SocialItemWrapper_vkontakte_CBfTs {
    background: linear-gradient(108.65deg, #91b8ef 2.63%, #4288ed 101.05%), linear-gradient(135deg, #ff4f4f 0%, #f00 100%);
    box-shadow: 0 5px 16px #4cb9f64d;
}

.SocialItemWrapper_instagram_stOzm {
    background: linear-gradient(214.99deg, #7e2bf4 7.65%, #ed146e 51.93%, #ffc90c 95.29%);
    box-shadow: 0 5px 16px #ba4d654d;
}