/* === Footer polish: center titles + hover animation === */

.footer-col-title{
  text-align: center;
  margin-bottom: 12px;
  position: relative;
}

.footer-col-title::after{
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  margin: 8px auto 0;
  background: linear-gradient(90deg,#6a7cff,#9b6cff);
  border-radius: 2px;
  opacity: .8;
}

.footer-link{
  display: inline-block;
  transition: transform .25s ease, color .25s ease;
}

.footer-link:hover{
  transform: translateX(4px);
  color: #6a7cff;
}

.footer-col-card:hover{
  transform: translateY(-4px);
  transition: transform .3s ease, box-shadow .3s ease;
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
}