/* Global keyframe animations */
@keyframes gradient-shift {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}

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

@keyframes glow-pulse {
	0%, 100% { opacity: 0.5; filter: blur(40px); }
	50% { opacity: 0.8; filter: blur(60px); }
}

@keyframes slide-up {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes scale-in {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Hero buttons override */
@keyframes slide-up {
	0% {
		opacity: 0;
		transform: translateY(30px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes slide-down {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes integrations-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

@keyframes fade-in-up {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes shimmer {
	0%, 100% { left: -100%; }
	50% { left: 100%; }
}

@keyframes slide-in-bounce {
	0% {
		transform: translateX(400px);
		opacity: 0;
	}
	50% { transform: translateX(-10px); }
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

@keyframes animate-in {
	0% {
		opacity: 0;
		transform: translateY(20px) scale(0.95);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes ticker-scroll {
	0% { transform: translateX(100%); }
	100% { transform: translateX(-100%); }
}

@keyframes page-load {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes hero-buttons-appear {
	0% {
		opacity: 0;
		transform: translateY(40px) scale(0.9);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes button-pulse {
	0%, 100% {
		box-shadow: var(--shadow-cta);
	}
	50% {
		box-shadow: 0 8px 32px rgba(245, 158, 11, 0.5), 0 0 80px rgba(245, 158, 11, 0.3);
	}
}

@keyframes hero-button-glow {
	0%, 100% {
		text-shadow: 0 0 10px rgba(245, 158, 11, 0.3);
	}
	50% {
		text-shadow: 0 0 20px rgba(245, 158, 11, 0.6), 0 0 30px rgba(245, 158, 11, 0.4);
	}
}