.js-main-page-promo {
    container-type: inline-size
}

.hero-BiZF0Nz5 {
    align-items: flex-start;
    margin-bottom: -64px;
    top: -64px;
    width: 100%
}

.hero-BiZF0Nz5,.wrapper-BiZF0Nz5 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    position: relative
}

.wrapper-BiZF0Nz5 {
    align-items: center;
    background-color: var(--color-black);
    background-image: url(stars.25f7edc07ddf6715b2ba.webp);
    background-position: center top 0;
    background-repeat: repeat;
    background-size: cover;
    gap: 32px;
    isolation: isolate;
    min-height: 100vh;
    min-width: 100vw
}

@supports (min-height: 100svh) {
    .wrapper-BiZF0Nz5 {
        min-height:100svh
    }
}

@media (min-width: 768px) {
    .wrapper-BiZF0Nz5 {
        gap:40px;
        min-width: calc(100vw - var(--widgetbar-width))
    }
}

@media (min-width: 1024px) {
    .wrapper-BiZF0Nz5 {
        background-image:none
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .wrapper-BiZF0Nz5 {
        background-image:url(stars.25f7edc07ddf6715b2ba.webp)
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .wrapper-BiZF0Nz5 {
        background-image:none;
        gap: 0
    }
}

.wrapper-BiZF0Nz5.anonymous-BiZF0Nz5 {
    min-width: 100%
}

@media (min-width: 768px) {
    .wrapper-BiZF0Nz5.anonymous-BiZF0Nz5 {
        min-width:100%
    }
}

.mediaWrapper-BiZF0Nz5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100vw
}

@media (min-width: 768px) {
    .mediaWrapper-BiZF0Nz5 {
        width:calc(100vw - var(--widgetbar-width))
    }
}

@media (min-width: 1024px) {
    .mediaWrapper-BiZF0Nz5 {
        inset:0;
        position: absolute
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .mediaWrapper-BiZF0Nz5 {
        position:relative
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .mediaWrapper-BiZF0Nz5 {
        inset:0;
        position: absolute
    }
}

.mediaWrapper-BiZF0Nz5.anonymous-BiZF0Nz5 {
    width: 100%
}

@media (min-width: 768px) {
    .mediaWrapper-BiZF0Nz5.anonymous-BiZF0Nz5 {
        width:100%
    }
}

.mediaContainer-BiZF0Nz5 {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    position: relative;
    width: 100%
}

.media-BiZF0Nz5 {
    height: 100%;
    inset: 0;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.container-BiZF0Nz5 {
    --padding-inline: 20px;
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 2560px;
    padding-bottom: var(--padding-bottom);
    padding-top: calc(var(--padding-top, 32px) + 64px);
    padding-inline:var(--padding-inline);position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .container-BiZF0Nz5 {
        --padding-top:40px
    }
}

@media (min-width: 1024px) {
    .container-BiZF0Nz5 {
        flex-grow:1;
        --padding-bottom: 40px;
        --padding-inline: 32px
    }
}

@media (min-width: 1280px) {
    .container-BiZF0Nz5 {
        --padding-bottom:64px;
        --padding-top: 64px;
        --padding-inline: 40px
    }
}

@media (min-width: 1440px) {
    .container-BiZF0Nz5 {
        --padding-top:40px
    }
}

@media (min-width: 1920px) {
    .container-BiZF0Nz5 {
        --padding-bottom:120px;
        --padding-top: 120px;
        --padding-inline: 100px
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .container-BiZF0Nz5 {
        flex-grow:1;
        --padding-bottom: 40px
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .container-BiZF0Nz5 {
        flex-grow:0
    }
}

.content-BiZF0Nz5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    width: 100%;
    z-index: 1
}

@media (min-width: 1024px) {
    .content-BiZF0Nz5 {
        --max-with:460px;
        align-items: flex-start;
        justify-content: center;
        max-width: var(--max-with)
    }
}

@media (min-width: 1280px) {
    .content-BiZF0Nz5 {
        --max-with:570px;
        max-width: var(--max-with)
    }
}

@media (min-width: 1440px) {
    .content-BiZF0Nz5 {
        --max-with:650px;
        max-width: var(--max-with)
    }
}

@media (min-width: 1920px) {
    .content-BiZF0Nz5 {
        --max-with:860px;
        max-width: var(--max-with)
    }
}

@media (min-width: 2560px) {
    .content-BiZF0Nz5 {
        --max-with:1180px;
        max-width: var(--max-with)
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .content-BiZF0Nz5 {
        align-items:flex-start;
        justify-content: center;
        max-width: var(--max-with,460px)
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .content-BiZF0Nz5 {
        align-items:center;
        justify-content: flex-start;
        max-width: 100%
    }
}

.title-BiZF0Nz5 {
    color: var(--color-content-secondary-neutral-bold);
    font-family: EuclidCircularSemibold,sans-serif;
    font-feature-settings: "tnum" on,"lnum" on;
    text-align: center;
    --ui-lib-typography-line-height: 40px;
    line-height: var(--ui-lib-typography-line-height);
    --ui-lib-typography-font-size: 40px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.02em
}

[data-query-type=container] .title-BiZF0Nz5 {
    font-family: EuclidCircularSemibold,sans-serif;
    font-feature-settings: "tnum" on,"lnum" on;
    --ui-lib-typography-line-height: 40px;
    line-height: var(--ui-lib-typography-line-height);
    --ui-lib-typography-font-size: 40px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.02em
}

@media (min-width: 768px) {
    .title-BiZF0Nz5 {
        font-family:EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 56px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 56px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.02em
    }
}

@supports not (container-type:inline-size) {
    @media (min-width: 702px) {
        [data-query-type=container] .title-BiZF0Nz5 {
            font-family:EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 56px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 56px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.02em
        }
    }
}

@container content-container (min-width: 702px) {
    [data-query-type=container] .title-BiZF0Nz5 {
        font-family: EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 56px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 56px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.02em
    }
}

@media (min-width: 1280px) {
    .title-BiZF0Nz5 {
        font-family:EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 80px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 80px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.02em
    }
}

@supports not (container-type:inline-size) {
    @media (min-width: 1214px) {
        [data-query-type=container] .title-BiZF0Nz5 {
            font-family:EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 80px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 80px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.02em
        }
    }
}

@container content-container (min-width: 1214px) {
    [data-query-type=container] .title-BiZF0Nz5 {
        font-family: EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 80px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 80px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.02em
    }
}

@media (min-width: 1024px) {
    .title-BiZF0Nz5 {
        text-align:left
    }
}

@media (min-width: 1440px) {
    .title-BiZF0Nz5 {
        font-family:EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 40px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 40px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.04em
    }

    [data-query-type=container] .title-BiZF0Nz5 {
        font-family: EuclidCircularSemibold,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 40px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 40px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.04em
    }

    @media (min-width: 768px) {
        .title-BiZF0Nz5 {
            font-family:EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 64px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 64px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.04em
        }
    }

    @supports not (container-type:inline-size) {
        @media (min-width: 702px) {
            [data-query-type=container] .title-BiZF0Nz5 {
                font-family:EuclidCircularSemibold,sans-serif;
                font-feature-settings: "tnum" on,"lnum" on;
                --ui-lib-typography-line-height: 64px;
                line-height: var(--ui-lib-typography-line-height);
                --ui-lib-typography-font-size: 64px;
                font-size: var(--ui-lib-typography-font-size);
                font-style: normal;
                font-weight: 600;
                letter-spacing: -.04em
            }
        }
    }

    @container content-container (min-width: 702px) {
        [data-query-type=container] .title-BiZF0Nz5 {
            font-family: EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 64px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 64px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.04em
        }
    }

    @media (min-width: 1280px) {
        .title-BiZF0Nz5 {
            font-family:EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 100px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 100px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.02em
        }
    }

    @supports not (container-type:inline-size) {
        @media (min-width: 1214px) {
            [data-query-type=container] .title-BiZF0Nz5 {
                font-family:EuclidCircularSemibold,sans-serif;
                font-feature-settings: "tnum" on,"lnum" on;
                --ui-lib-typography-line-height: 100px;
                line-height: var(--ui-lib-typography-line-height);
                --ui-lib-typography-font-size: 100px;
                font-size: var(--ui-lib-typography-font-size);
                font-style: normal;
                font-weight: 600;
                letter-spacing: -.02em
            }
        }
    }

    @container content-container (min-width: 1214px) {
        [data-query-type=container] .title-BiZF0Nz5 {
            font-family: EuclidCircularSemibold,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 100px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 100px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 600;
            letter-spacing: -.02em
        }
    }
}

@media (min-width: 1920px) {
    .title-BiZF0Nz5 {
        font-size:128px;
        letter-spacing: -2%;
        line-height: 128px
    }
}

@media (min-width: 2560px) {
    .title-BiZF0Nz5 {
        font-size:144px;
        line-height: 144px
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .title-BiZF0Nz5 {
        text-align:center
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .title-BiZF0Nz5 {
        text-align:left
    }
}

.subtitle-BiZF0Nz5 {
    color: var(--color-content-primary-neutral-bold);
    font-family: -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
    font-feature-settings: "tnum" on,"lnum" on;
    font-style: normal;
    margin-top: 16px;
    text-align: center;
    --ui-lib-typography-font-size: 16px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 400;
    --ui-lib-typography-line-height: 24px;
    line-height: var(--ui-lib-typography-line-height)
}

@media (min-width: 768px) {
    .subtitle-BiZF0Nz5 {
        font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        font-style: normal;
        --ui-lib-typography-font-size: 20px;
        font-size: var(--ui-lib-typography-font-size);
        font-weight: 400;
        --ui-lib-typography-line-height: 30px;
        line-height: var(--ui-lib-typography-line-height)
    }
}

@media (min-width: 1024px) {
    .subtitle-BiZF0Nz5 {
        margin-top:20px;
        text-align: left
    }
}

@media (min-width: 1280px) {
    .subtitle-BiZF0Nz5 {
        font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        margin-top: 24px;
        --ui-lib-typography-line-height: 36px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 24px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 400
    }
}

@media (min-width: 1440px) {
    .subtitle-BiZF0Nz5 {
        font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        margin-top: 40px;
        --ui-lib-typography-line-height: 28px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 18px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 400
    }

    [data-query-type=container] .subtitle-BiZF0Nz5 {
        font-family: -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
        font-feature-settings: "tnum" on,"lnum" on;
        --ui-lib-typography-line-height: 28px;
        line-height: var(--ui-lib-typography-line-height);
        --ui-lib-typography-font-size: 18px;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 400
    }

    @media (min-width: 768px) {
        .subtitle-BiZF0Nz5 {
            font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 32px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 24px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 400
        }
    }

    @supports not (container-type:inline-size) {
        @media (min-width: 702px) {
            [data-query-type=container] .subtitle-BiZF0Nz5 {
                font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
                font-feature-settings: "tnum" on,"lnum" on;
                --ui-lib-typography-line-height: 32px;
                line-height: var(--ui-lib-typography-line-height);
                --ui-lib-typography-font-size: 24px;
                font-size: var(--ui-lib-typography-font-size);
                font-style: normal;
                font-weight: 400
            }
        }
    }

    @container content-container (min-width: 702px) {
        [data-query-type=container] .subtitle-BiZF0Nz5 {
            font-family: -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 32px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 24px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 400
        }
    }

    @media (min-width: 1280px) {
        .subtitle-BiZF0Nz5 {
            font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 40px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 28px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 400
        }
    }

    @supports not (container-type:inline-size) {
        @media (min-width: 1214px) {
            [data-query-type=container] .subtitle-BiZF0Nz5 {
                font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
                font-feature-settings: "tnum" on,"lnum" on;
                --ui-lib-typography-line-height: 40px;
                line-height: var(--ui-lib-typography-line-height);
                --ui-lib-typography-font-size: 28px;
                font-size: var(--ui-lib-typography-font-size);
                font-style: normal;
                font-weight: 400
            }
        }
    }

    @container content-container (min-width: 1214px) {
        [data-query-type=container] .subtitle-BiZF0Nz5 {
            font-family: -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
            font-feature-settings: "tnum" on,"lnum" on;
            --ui-lib-typography-line-height: 40px;
            line-height: var(--ui-lib-typography-line-height);
            --ui-lib-typography-font-size: 28px;
            font-size: var(--ui-lib-typography-font-size);
            font-style: normal;
            font-weight: 400
        }
    }
}

@media (min-width: 2560px) {
    .subtitle-BiZF0Nz5 {
        max-width:900px
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .subtitle-BiZF0Nz5 {
        text-align:center
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .subtitle-BiZF0Nz5 {
        text-align:left
    }
}

.buttonWrapper-BiZF0Nz5 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
    width: 100%
}

@media (min-width: 1024px) {
    .buttonWrapper-BiZF0Nz5 {
        align-items:flex-start;
        margin-top: 32px
    }
}

@media (min-width: 1440px) {
    .buttonWrapper-BiZF0Nz5 {
        margin-top:48px
    }
}

@media (min-width: 1024px) and (max-width:1279px) and (min-height:900px) {
    .buttonWrapper-BiZF0Nz5 {
        align-items:center
    }
}

@media (max-height: 812px) and (orientation:landscape) {
    .buttonWrapper-BiZF0Nz5 {
        align-items:flex-start
    }
}

.button-BiZF0Nz5 {
    --ui-lib-size: 4
}

@media (min-width: 768px) {
    .button-BiZF0Nz5 {
        --ui-lib-size:5
    }
}

@media (min-width: 1280px) {
    .button-BiZF0Nz5 {
        --ui-lib-size:6
    }
}

@media (min-width: 1440px) {
    .button-BiZF0Nz5 {
        --ui-lib-size:7
    }
}

.closeButton-BiZF0Nz5 {
    position: absolute;
    right: 24px;
    top: 80px;
    z-index: 1;
    --ui-lib-nav-button-color-content: var(--color-cold-gray-200)
}

@media (any-hover: hover) {
    .closeButton-BiZF0Nz5:hover {
        --ui-lib-nav-button-color-content:var(--color-white);
        --ui-lib-nav-button-color-bg: var(--color-cold-gray-800)
    }
}

.closeButton-BiZF0Nz5:active {
    --ui-lib-nav-button-color-content: var(--color-white);
    --ui-lib-nav-button-color-bg: var(--color-cold-gray-750)
}