/* src/styles/tailwind.css */
@import url('https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css');

/* Custom variables and overrides */
:root {
  --brand: oklch(0.65 0.24 250);
  --brand-deep: oklch(0.35 0.24 255);
  --brand-glow: oklch(0.75 0.2 240);
}

/* Custom animations */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 30s linear infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}

.animate-float {
  animation: float 6s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 20px rgba(0, 60, 180, 0.4); }
  50% { box-shadow: 0 0 40px rgba(0, 60, 180, 0.8); }
}

.animate-pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

.text-gradient-brand {
  background: linear-gradient(to right, oklch(0.78 0.18 240), oklch(0.55 0.24 255));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* src/styles/funnel-animations.css */

@keyframes funnel-pulse-glow {
  0%, 100% { box-shadow: 0 0 30px -5px rgba(77,141,255,0.5); }
  50% { box-shadow: 0 0 60px -5px rgba(110,168,255,0.85); }
}
@keyframes funnel-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes funnel-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}