/*
 * Social Media page only.
 *
 * Shared service-page styles are in services-common.css; utilities come from
 * main.css. Nothing from those files is repeated here.
 */

/* Floating platform badges around the hero. Reuses the bounce keyframes that
   main.css already ships, just slower; each badge offsets itself with an
   inline animation-delay. */
.animate-bounce-slow {
  animation: bounce 3s ease-in-out infinite;
}

/* Service card hover shadow — the Tailwind build in main.css does not include
   this arbitrary value, so it is generated here the same way Tailwind would. */
@media (hover: hover) {
  .hover\:shadow-\[0_8px_30px_rgba\(255\,192\,1\,0\.2\)\]:hover {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, #ffc00133);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}