.Header_header__hrF4W {
    display: flex;
    align-items: center;
    height: 78px;
    position: relative;
    color: var(--text-light)
}

.Header_header__hrF4W:before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--secondary-color2);
    bottom: 0;
    left: -100dvh;
    width: 300dvw
}

.Header_logo__0h7JC {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%;
    /* height:28px; */
    margin-right: 40px
}

.Header_desktopNav___cjEe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 32px
}

.Header_navigation__feQAp {
    gap: 24px
}

.Header_navLink__npAte,.Header_navigation__feQAp {
    display: flex;
    align-items: center;
    color: var(--secondary-text)
}

.Header_navLink__npAte {
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: .3s
}

.Header_navLink__npAte:hover {
    color: var(--text-light)
}

.Header_navLink__npAte>svg {
    transition: .3s;
    color: var(--secondary-text)
}

.Header_navLink__npAte:hover>svg {
    color: var(--text-light)
}

.Header_active__fudgB {
    position: relative;
    color: var(--text-light)!important
}

.Header_active__fudgB:after {
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--main-color);
    content: ""
}

.Header_active__fudgB>svg {
    color: var(--main-color)!important
}

.Header_burger__B_lKG {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1101
}

.Header_burger__B_lKG span {
    width: 24px;
    height: 2px;
    background: white
}

@media (max-width: 1024px) {
    .Header_header__hrF4W {
        justify-content:space-between
    }

    .Header_desktopNav___cjEe {
        display: none
    }

    .Header_burger__B_lKG {
        display: flex
    }

    .Header_mobileMenu__jNfCq {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #171920;
        color: white;
        display: flex;
        flex-direction: column;
        padding: 25px 16px;
        z-index: 1100
    }

    .Header_mobileHeader__6xihC {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 40px
    }

    .Header_close__DnRRE {
        background: none;
        border: none;
        font-size: 28px;
        color: white;
        cursor: pointer
    }

    .Header_mobileNav__N0gHT {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin-bottom: auto
    }

    .Header_mobileLink__txLLd {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 18px;
        color: #aab0bc;
        text-decoration: none;
        font-weight: 600
    }

    .Header_mobileLink__txLLd:hover {
        color: white
    }

    .Header_socials__APjfV {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-top: auto
    }

    .Header_socials__APjfV img {
        width: 24px;
        height: 24px;
        opacity: .6;
        transition: opacity .2s ease
    }

    .Header_socials__APjfV img:hover {
        opacity: 1
    }
}

.Public_public__x7JN3 {
    display: flex;
    align-items: center;
    gap: 18px
}

.Public_public__x7JN3>a>svg {
    transition: .5s;
    color: var(--secondary-text)
}

.Public_public__x7JN3>a:hover>svg {
    color: var(--main-color)
}

.Modal_wrapper__bSndA {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center
}

.Modal_trigger__ymcJ0,.Modal_wrapper__bSndA {
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh
}

.Modal_trigger__ymcJ0 {
    cursor: pointer;
    z-index: -1
}

.Modal_container__q24ZA {
    padding: 24px;
    border-radius: 4px;
    background-color: #1F232E
}

.LoginModal_container__RZmz5 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 445px;
    color: #fff
}

.LoginModal_header__knHnU {
    font-family: Onest;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0
}

.LoginModal_span___gNgr {
    white-space: pre-line;
    line-height: 1.6
}

.LoginModal_button__vPcU6 {
    width: 100%;
    padding: 14px 0;
    background: var(--main-color);
    cursor: pointer;
    font-family: Onest;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0;
    border-radius: 4px;
    color: var(--text-light);
    margin: 8px 0;
    transition: .3s
}

.LoginModal_button__vPcU6:hover {
    background: var(--main-color2)
}

@media (max-width: 1024px) {
    .LoginModal_container__RZmz5 {
        max-width:100%;
        width: 100%
    }
}

.PromoModal_container__0NgeM {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 445px;
    color: #fff
}

.PromoModal_header__S_qfF {
    font-family: Onest;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center
}

.PromoModal_span__pAO9j {
    white-space: pre-line;
    line-height: 1.6;
    text-align: center;
    color: var(--secondary-text)
}

.PromoModal_span__pAO9j>a {
    text-decoration: underline
}

.PromoModal_button__LUhZR {
    width: 100%;
    padding: 14px 0;
    background: var(--main-color);
    cursor: pointer;
    font-family: Onest;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0;
    border-radius: 4px;
    color: var(--text-light);
    margin: 8px 0;
    transition: .3s
}

.PromoModal_button__LUhZR:hover {
    background: var(--main-color2)
}

@media (max-width: 1024px) {
    .PromoModal_container__0NgeM {
        max-width:100%;
        width: 100%
    }
}

.StatCard_cardContainer__urPsM {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    background: var(--liner);
    padding: 24px 0;
    gap: 8px
}

.StatCard_cardTitle__NvHEX {
    color: var(--secondary-text2);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0
}

.StatCard_cardInfo__XrQi3 {
    display: flex;
    align-items: center;
    gap: 12px
}

.StatCard_value__oSyHn {
    color: var(--text-light);
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    letter-spacing: 0
}

.StatCards_card__V3cBD {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 32px 0
}

@media (max-width: 1024px) {
    .StatCards_card__V3cBD {
        flex-direction:column
    }
}