/* Vector tile icons, replacing the mismatched PNG set */
.service-icon{
  height:74px;
  width:74px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(247,14,136,0.08);
  color:#f70e88;
  font-size:1.7rem;
  transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease;
}
.investment-card:hover .service-icon{
  background:linear-gradient(135deg,#f70e88 0%,#ff5fae 100%);
  color:#fff;
  transform:scale(1.06);
}

.account-type-card .icon{
  width:54px;
  height:54px;
  max-width:none;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(247,14,136,0.08);
  color:#f70e88;
  font-size:1.3rem;
  transition:background 0.3s ease,color 0.3s ease;
}
.account-type-card:hover .icon{
  background:linear-gradient(135deg,#f70e88 0%,#ff5fae 100%);
  color:#fff;
}

.platform-link{display:inline-flex;flex-direction:column;align-items:center}
.platform-icon{
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  background:rgba(247,14,136,0.08);
  color:#f70e88;
  font-size:1.7rem;
  transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;
}
.platform-link:hover .platform-icon,
.platform-link:focus-visible .platform-icon{
  background:linear-gradient(135deg,#f70e88 0%,#ff5fae 100%);
  color:#fff;
  transform:scale(1.08);
  box-shadow:0 10px 20px rgba(247,14,136,0.25);
}
.platform-link h3{color:#2d343e;transition:color 0.3s ease}
.platform-link:hover h3{color:#f70e88}

@media (max-width:575.98px){
  .service-icon{width:64px;height:64px;font-size:1.45rem}
  .account-type-card .icon{width:48px;height:48px;font-size:1.15rem}
  .platform-icon{width:58px;height:58px;font-size:1.45rem}
}