.site-footer{
  background:rgba(255,255,255,0.7);
  backdrop-filter:blur(12px) saturate(180%);
  border-top:1px solid #e5e7eb;
  box-shadow:0 -4px 12px rgba(0,0,0,0.05);
  font-family:"Poppins", sans-serif;
  padding:50px 20px 25px;
  position:relative;
  overflow:hidden;
}

/* Decorative gradient circles */
.site-footer:before, .site-footer:after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:.25;
  z-index:0;
}
.site-footer:before{
  width:220px; height:220px;
  background:#60a5fa;
  bottom:-60px; left:-40px;
}
.site-footer:after{
  width:200px; height:200px;
  background:#f472b6;
  top:-60px; right:-40px;
}

.footer-container{
  max-width:1100px; margin:0 auto;
  display:grid; gap:40px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  position:relative;
  z-index:1;
}

.footer-col h3{
  font-size:17px;
  font-weight:600;
  margin-bottom:12px;
  color:#0f172a;
  position:relative;
}
.footer-col h3::after{
  content:"";
  display:block;
  width:40px; height:3px;
  background:linear-gradient(90deg,#3b82f6,#06b6d4);
  border-radius:2px;
  margin-top:6px;
}

.footer-col p{
  font-size:14px; line-height:1.7; color:#475569;
}

.footer-col ul{list-style:none; padding:0; margin:0}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a{
  font-size:14px; color:#2563eb; text-decoration:none; 
  position:relative; transition:.3s;
}
.footer-col ul li a::after{
  content:""; position:absolute; left:0; bottom:-2px; 
  width:0%; height:2px; background:#2563eb; 
  transition:width .3s ease;
}
.footer-col ul li a:hover::after{width:100%;}
.footer-col ul li a:hover{color:#1d4ed8;}

.footer-bottom{
  text-align:center; margin-top:40px; padding-top:15px;
  font-size:13px; color:#64748b;
  border-top:1px solid #e2e8f0;
  position:relative; z-index:1;
}