#join .container {
    max-width: unset;
    margin: unset;
    padding: 80px 0;
    background-image: url(/images/landing/join-desktop-bg.png);
    background-size: cover;
    position: relative;
    background-color: #fff;
    z-index: 1;
    overflow: hidden
}

#join .container .background {
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: blur(50px);
    width: 1000px;
    height: 712px;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    background-image: linear-gradient(to right top, #49ff86, #41ffa7, #4affc3, #62ffd9, #80ffea);
    animation: blobAnim 10s ease-in-out infinite;
    opacity: .7
}

@keyframes blobAnim {

    0%,
    to {
        border-radius: 46% 54% 29% 71%/66% 39% 61% 34%;
        transform: translate(-50%, -50%) rotate(30deg)
    }

    30% {
        border-radius: 46% 54% 29% 71%/17% 74% 26% 83%;
        transform: translate(-50%, -50%) rotate(15deg)
    }

    50% {
        border-radius: 46% 54% 81% 19%/39% 74% 26% 61%;
        transform: translate(-50%, -50%) rotate(45deg)
    }

    70% {
        border-radius: 65% 35% 56% 44%/39% 17% 83% 61%;
        transform: translate(-50%, -50%) rotate(70deg)
    }
}

#join .container .intro-Presale_live {
    display: flex;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

#join .container .intro-Presale_live .join_block-text h2 {
    font-size: 40px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    text-align: center;
    margin: auto auto 16px
}

#join .container .intro-Presale_live .join_block-text p {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 400;
    text-align: center;
    width: 380px;
    margin: auto
}

#join .container .intro-Presale_live .join_block-text p strong {
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500
}

#join .container .intro-Presale_live .join-input_line input {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.045em;
    font-weight: 400;
    padding: 17px 8px 17px 24px;
    width: 500px;
    border-radius: 1000px;
    border: 1px solid #e8e8e8
}

#join .container .intro-Presale_live .join-input_line button {
    background-color: #07130c;
    color: #fff;
    border-radius: 64px;
    padding: 13px 24px;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -.045em;
    font-weight: 500;
    margin-left: -120px;
    border: 0
}

@media screen and (max-width:860px) {
    #join .container {
        padding: 64px 24px;
        background-image: url(/images/landing/join-mobile-bg.png)
    }

    #join .container .background {
        width: 500px;
        height: 352px;
        top: 90%
    }

    #join .container .join_block .intro-Presale_live .join_block-text h2 {
        font-size: 32px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500;
        margin-bottom: 16px
    }

    #join .container .join_block .intro-Presale_live .join_block-text p {
        font-size: 18px;
        line-height: 150%;
        letter-spacing: -.045em;
        font-weight: 400;
        width: 250px
    }

    #join .container .join_block .intro-Presale_live .join_block-text p strong {
        font-size: 18px;
        line-height: 140%;
        letter-spacing: -.045em;
        font-weight: 500
    }

    #join .container .join_block .intro-Presale_live .join-input_block {
        width: 100%
    }

    #join .container .join_block .intro-Presale_live .join-input_block .join-input_line {
        width: 100%;
        text-align: center
    }

    #join .container .join_block .intro-Presale_live .join-input_block .join-input_line input {
        width: 100%
    }
}