.mi-home-join{
    width:100%;
    padding:60px 24px;
    background:#071126;
    font-family:"Heebo",Arial,sans-serif;
    box-sizing:border-box;
}

.mi-home-join-card{
    max-width:1140px;
    margin:0 auto;
    padding:64px 40px 42px;
    text-align:center;
    background:
        linear-gradient(135deg,#101D39 0%,#0B2942 55%,#0D3B4B 100%);
    border:1px solid rgba(94,231,231,.16);
    border-radius:28px;
    box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.mi-home-join-card h2{
    margin:0 0 14px !important;
    color:#fff !important;
    font-family:"Heebo",Arial,sans-serif !important;
    font-size:42px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.mi-home-join-sub{
    max-width:760px;
    margin:0 auto 30px !important;
    color:rgba(255,255,255,.82) !important;
    font-size:20px !important;
    line-height:1.7 !important;
}

.mi-home-join-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    min-height:56px;
    padding:14px 32px;
    border-radius:14px;
    background:linear-gradient(135deg,#2563EB,#00C2CB);
    color:#fff !important;
    text-decoration:none !important;
    font-size:18px;
    font-weight:800;
    box-shadow:0 12px 30px rgba(0,194,203,.18);
    transition:.2s ease;
}

.mi-home-join-button:hover,
.mi-home-join-button:focus-visible{
    transform:translateY(-2px);
    color:#fff !important;
    box-shadow:0 16px 34px rgba(0,194,203,.27);
}

.mi-home-join-benefits{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:18px 36px;
    margin-top:32px;
}

.mi-home-join-benefits span{
    color:rgba(255,255,255,.82);
    font-size:15px;
    font-weight:600;
}

.mi-home-join-benefits span::first-letter{
    color:#5EE7E7;
}

@media(max-width:767px){

    .mi-home-join{
        padding:40px 16px;
    }

    .mi-home-join-card{
        padding:44px 22px 32px;
        border-radius:22px;
    }

    .mi-home-join-card h2{
        font-size:32px !important;
    }

    .mi-home-join-sub{
        font-size:18px !important;
    }

    .mi-home-join-button{
        width:100%;
    }

    .mi-home-join-benefits{
        flex-direction:column;
        gap:10px;
    }
}