/* ==========================================
   SUPPORT
========================================== */

.support{

    max-width:1400px;

    margin:180px auto;

    padding:0 50px;

}

.support-content{

    position:relative;

    overflow:hidden;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:80px;

    padding:70px;

    border-radius:32px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.08);

}

.support-content::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    background:radial-gradient(

        circle,

        rgba(139,92,246,.22),

        transparent 70%

    );

}

.support-left{

    position:relative;

    z-index:2;

    flex:1;

}

.support-left span{

    color:var(--primary);

    font-weight:700;

    letter-spacing:2px;

}

.support-left h2{

    margin:18px 0;

    font-size:54px;

    color:white;

}

.support-left p{

    margin-bottom:40px;

    max-width:620px;

    color:var(--text-secondary);

    font-size:18px;

    line-height:1.9;

}

.support-right{

    position:relative;

    z-index:2;

    flex:1;

    display:flex;

    justify-content:center;

}

.support-right img{

    width:100%;

    max-width:420px;

    animation:float 5s ease-in-out infinite;

    filter:drop-shadow(0 0 35px rgba(139,92,246,.35));

}

/* Más contraste para la tarjeta de soporte */
.support-card {
    background: rgba(18, 14, 32, 0.82);
}