.platform-section {
  padding: 48px 0;
  background: linear-gradient(135deg, #141414 0%, #1a1517 58%, #3a0d12 100%);
  color: #fff;
  overflow: hidden;
}

.platform-box {
  text-align: center;
}

.platform-box h2 {
  margin: 0 0 24px;
  color: #9da2bd;
  font-size: 15px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.platform-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 34px;
}

.platform-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 66px;
  height: 66px;
  border-radius: 18px;
  color: #fff;
  transition: transform .25s ease, filter .25s ease;
}

.platform-icon svg {
  width: 42px;
  height: 42px;
  fill: currentColor;
}

.platform-icon.instagram { color: #e4405f; }
.platform-icon.tiktok { color: #fff; }
.platform-icon.youtube { color: #ff0000; }

.platform-icon:hover {
  transform: translateY(-4px);
  filter: drop-shadow(0 12px 22px rgba(255,255,255,.16));
}

.platform-icon.is-glowing {
  animation: socialGlow .72s ease;
}

.platform-icon.is-glowing::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 24px;
  border: 2px solid currentColor;
  animation: socialRing .72s ease;
}

@keyframes socialGlow {
  0% { transform: scale(1); filter: none; }
  45% { transform: scale(1.12); filter: drop-shadow(0 0 24px currentColor); }
  100% { transform: scale(1); filter: none; }
}

@keyframes socialRing {
  0% { opacity: .85; transform: scale(.82); }
  100% { opacity: 0; transform: scale(1.35); }
}

@media (max-width: 560px) {
  .platform-icons { gap: 18px; }
  .platform-icon { width: 58px; height: 58px; }
  .platform-icon svg { width: 36px; height: 36px; }
}