/* Custom CSS that bypasses Tailwind tree-shaking */

/* Animated pink/cyan neon border for hero CTA buttons */
@keyframes vr-gradient-shift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.animated-gradient-border {
  background: linear-gradient(90deg, #FF2E92, #00C8D6, #FF2E92, #00C8D6, #FF2E92);
  background-size: 300% 100%;
  animation: vr-gradient-shift 3s ease infinite;
}

.animated-gradient-border:hover {
  box-shadow:
    0 0 20px rgba(255, 46, 146, 0.35),
    0 0 40px rgba(0, 200, 214, 0.20);
}