@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

.sps-footer{
position:relative;
padding:90px 6vw 30px;
font-family:'Poppins',sans-serif;
color:#e5e7eb;
background:linear-gradient(
135deg,
rgba(99,102,241,0.35),
rgba(168,85,247,0.30),
rgba(236,72,153,0.25)
);
backdrop-filter:blur(18px);
border-top:1px solid rgba(255,255,255,0.18);
overflow:hidden;
}

.sps-footer::before{
content:"";
position:absolute;
inset:0;
background:rgba(10,12,35,0.35);
z-index:-1;
}

.sps-footer-grid{
display:grid;
grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;
gap:48px;
margin-bottom:40px;
}

.sps-footer-brand h3{
font-size:26px;
font-weight:800;
color:#fff;
margin-bottom:14px;
}

.sps-footer-brand p{
font-size:15px;
line-height:1.7;
color:#dbeafe;
}

.sps-footer h4{
font-size:17px;
font-weight:700;
margin-bottom:16px;
}

.sps-footer ul{
list-style:none;
padding:0;
}

.sps-footer ul li{
margin-bottom:10px;
}

.sps-footer ul li a{
text-decoration:none;
color:#c7d2fe;
font-size:14px;
transition:.3s;
}

.sps-footer ul li a:hover{
color:#fff;
}

.sps-footer-contact p{
font-size:14px;
color:#dbeafe;
}

.sps-footer-actions{
display:flex;
gap:12px;
margin-top:16px;
flex-wrap:wrap;
}

.sps-footer-actions a{
padding:10px 18px;
border-radius:999px;
text-decoration:none;
color:#fff;
font-weight:700;
background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);
}

.sps-footer-social{
display:flex;
gap:14px;
margin-top:18px;
}

.sps-footer-social a{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:18px;
color:#fff;
transition:.3s;
}

.facebook{
background:#1877f2;
}

.instagram{
background:linear-gradient(
45deg,
#f58529,
#dd2a7b,
#8134af,
#515bd4
);
}

.youtube{
background:#ff0000;
}

.sps-footer-logo{
width:120px;
height:120px;
object-fit:cover;
border-radius:50%;
margin-bottom:16px;
}

.sps-footer-bottom{
border-top:1px solid rgba(255,255,255,.12);
padding-top:18px;
display:flex;
justify-content:center;
text-align:center;
gap:12px;
flex-wrap:wrap;
font-size:13px;
}

@media(max-width:1000px){
.sps-footer-grid{
grid-template-columns:1fr 1fr;
}
}

@media(max-width:600px){

.sps-footer{
padding:70px 5vw 25px;
}

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

.sps-footer-social{
justify-content:center;
}

.sps-footer-logo{
display:block;
margin:auto;
}
}