@keyframes spin-slow {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.animate-spin-slow {
	animation: spin-slow 2s linear infinite;
}

/* Fade in effect for loaders */
.loader-fade-in {
	animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Backdrop blur for better visibility */
.loader-backdrop {
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0.85);
}