.supplier-join-animated {
  position: relative;
  overflow: hidden;
  animation: supplierJoinPulse 2.6s ease-in-out infinite;
}

.supplier-join-animated::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -45%;
  width: 30%;
  height: 220%;
  background: rgba(255, 255, 255, .38);
  transform: rotate(24deg);
  animation: supplierJoinShine 3.2s ease-in-out infinite;
}

@keyframes supplierJoinPulse {
  0%, 100% {
    box-shadow: 0 8px 20px rgba(8, 100, 195, .18);
    transform: translateY(0);
  }

  50% {
    box-shadow: 0 13px 32px rgba(7, 143, 157, .36);
    transform: translateY(-2px);
  }
}

@keyframes supplierJoinShine {
  0%, 38% { left: -45%; }
  64%, 100% { left: 125%; }
}

@media (prefers-reduced-motion: reduce) {
  .supplier-join-animated,
  .supplier-join-animated::after {
    animation: none;
  }
}