/* =====================================================
   FOOTER PREMIUM - CRYSTAL GLASS
===================================================== */


/* =========================
   FOOTER BASE
========================= */


.footer-section{

    position:relative;

    padding:

    80px 20px 30px;

    overflow:hidden;

    background:

    radial-gradient(

        circle at top,

        #14294b,

        #050914 70%

    );

    isolation:isolate;

}




/* =========================
   BACKGROUND
========================= */


.footer-background{

    position:absolute;

    inset:0;

    z-index:-3;


    background:

    linear-gradient(

        rgba(4,8,18,.85),

        rgba(4,8,18,.98)

    );


}



.footer-background::after{

    content:"";

    position:absolute;

    inset:0;


    background:

    radial-gradient(

        circle at 50% 0%,

        rgba(80,180,255,.22),

        transparent 45%

    );

}




/* =========================
   LIGHT ORBS
========================= */


.footer-orb{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    z-index:-2;

    opacity:.35;

}

.footer-orb-one{
    width:350px;
    height:350px;
    background:#1688ff;
    top:-120px;
    left:-120px;

}

.footer-orb-two{
    width:280px;
    height:280px;
    background:#72e5ff;
    bottom:-100px;
    right:-100px;
}


.footer-container{
    width:100%;
    max-width:1200px;
    margin:auto;
}

.footer-cta{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:30px;
    margin-bottom:45px;
    border-radius:32px;
    background:
    rgba(255,255,255,.09);
    border:
    1px solid
    rgba(255,255,255,.16);
    backdrop-filter:
    blur(30px);
    box-shadow:
    0 30px 90px
    rgba(0,0,0,.35);
    overflow:hidden;
}


.footer-cta::before{

    content:"";

    position:absolute;

    inset:0;


    background:

    linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,.18),

    transparent

    );


    transform:

    translateX(-120%);


    animation:

    footerShine 8s infinite;

}





.footer-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;


    padding:

    8px 15px;


    border-radius:50px;


    background:

    rgba(0,255,130,.10);


    border:

    1px solid

    rgba(0,255,130,.20);


    color:#7dffb5;

    font-size:.95rem;


}



.footer-status-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#00ff88;


    box-shadow:

    0 0 15px #00ff88;

}





.footer-cta h2{

    margin:

    20px 0 12px;


    font-size:

    clamp(

        2rem,

        6vw,

        3.2rem

    );


    line-height:1.1;

    letter-spacing:-1px;

}





.footer-cta p{

    color:

    rgba(255,255,255,.72);


    line-height:1.7;

}





/* =========================
   CALL BUTTON
========================= */


.footer-call-button{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;


    height:58px;


    border-radius:50px;


    text-decoration:none;


    color:white;

    font-weight:700;


    background:

    linear-gradient(

        135deg,

        #57b9ff,

        #256bff

    );


    box-shadow:

    0 20px 50px

    rgba(30,120,255,.4);


    transition:.4s;

}



.footer-call-button:hover{

    transform:

    translateY(-5px);


}





/* =========================
   MAIN GLASS FOOTER
========================= */


.footer-glass{

    display:grid;

    gap:35px;


    padding:35px;


    border-radius:35px;


    background:

    rgba(255,255,255,.07);


    border:

    1px solid

    rgba(255,255,255,.14);


    backdrop-filter:

    blur(35px);


    box-shadow:

    0 30px 90px

    rgba(0,0,0,.3);


}






/* =========================
   BRAND
========================= */


.footer-logo{

    width:130px;

    height:60px;


    display:flex;

    align-items:center;


    margin-bottom:20px;


}



.footer-logo img{

    max-width:100%;

    max-height:100%;

    object-fit:contain;

}





.footer-brand h3{

    font-size:1.25rem;

    margin-bottom:12px;

}



.footer-brand p{

    color:

    rgba(255,255,255,.7);


    line-height:1.7;

}





/* =========================
   SOCIAL
========================= */


.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}



.footer-social a{

    width:42px;

    height:42px;


    display:grid;

    place-items:center;


    border-radius:50%;


    text-decoration:none;


    color:white;


    background:

    rgba(255,255,255,.10);


    border:

    1px solid

    rgba(255,255,255,.15);


    transition:.35s;

}



.footer-social a:hover{

    background:

    rgba(90,190,255,.25);


    transform:

    translateY(-5px);

}





/* =========================
   COLUMNS
========================= */


.footer-column h4{

    margin-bottom:20px;


    font-size:1rem;

}





.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}



.footer-column li{

    margin-bottom:13px;


    color:

    rgba(255,255,255,.65);


    font-size:1rem;


}



.footer-column a{

    color:

    rgba(255,255,255,.65);


    text-decoration:none;


    transition:.3s;

}



.footer-column a:hover{

    color:white;

    padding-left:5px;

}





.footer-contact li{

    display:flex;

    gap:10px;

    align-items:center;

}





.footer-trust{

    margin-top:25px;


    padding:

    12px;


    border-radius:15px;


    background:

    rgba(0,255,130,.10);


    color:#8affc0;


    font-size:.95rem;


}

.footer-bottom{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding-top:30px;
    color:
    rgba(255,255,255,.55);
    font-size:.95rem;
}

.footer-bottom p{
    margin:0;
}



.footer-legal{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}



.footer-legal a{
    color:
    rgba(255,255,255,.55);
    text-decoration:none;
}

.footer-legal a:hover{
    color:white;
}

@keyframes footerShine{
    100%{
        transform:
        translateX(120%);
    }
}

@media(min-width:700px){
.footer-section{
    padding:
    100px 40px 40px;
}

.footer-cta{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    padding:45px;
}

.footer-call-button{
    min-width:220px;
}

.footer-glass{
    grid-template-columns:
    1.4fr 1fr 1fr 1fr;
}

.footer-bottom{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
}

@media(min-width:1100px){
.footer-glass{
    padding:50px;
}

.footer-section{
    padding-top:130px;
}
}