/* 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,transform 0.4s cubic-bezier(.22,1,.36,1);
}
/* flat tint on hover - deliberately no gradient, no fill-in */
.account-type-card:hover .icon,
.account-type-card:focus-within .icon{
  background:rgba(247,14,136,0.16);
  color:#f70e88;
  transform:translateY(-2px) scale(1.06);
}

.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}
}

/* Platform card - matches the 18px radius used by the card grids and forms */
.platform-card{
  border-radius:18px;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 28px -14px rgba(15,23,42,.18);
}
.platform-card h2{margin-left:auto;margin-right:auto;max-width:22ch}
.platform-card p{color:#4b5563}