:root{
  --card-radius: 1rem;
}
.card{
  border-radius: var(--card-radius);
}
.card-hover{
  transition: transform .12s ease, box-shadow .12s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important;
}
.icon-wrap{
  display:inline-flex;
  width: 40px;
  height: 40px;
  border-radius: .75rem;
  align-items:center;
  justify-content:center;
  background: rgba(13,110,253,.12);
  backdrop-filter: blur(4px);
}
.icon-wrap i{ font-size: 1.1rem; }
@media (prefers-reduced-motion: reduce){
  .card-hover{ transition: none; }
  .card-hover:hover{ transform: none; }
}