@layer utilities {
    .text-shadow {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    }
    .text-shadow-lg {
        text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.9);
    }
    .bg-noise {
        background-image: url('https://picsum.photos/id/1015/1920/1080');
        background-blend-mode: overlay;
    }
    .animate-pulse-slow {
        animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    .animate-float {
        animation: float 6s ease-in-out infinite;
    }
    @keyframes float {
        0% {
            transform: translateY(0px);
        }
        50% {
            transform: translateY(-20px);
        }
        100% {
            transform: translateY(0px);
        }
    }
}