@layer utilities {
            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            }
            .bg-gradient {
                background-image: linear-gradient(to right, #8B0000, #CD5C5C);
            }
            .nav-shadow {
                box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
            }
            .content-auto {
                content-visibility: auto;
            }
            .section-fade {
                opacity: 0;
                transform: translateY(20px);
                transition: opacity 0.6s ease-out, transform 0.6s ease-out;
            }
            .section-fade.visible {
                opacity: 1;
                transform: translateY(0);
            }
        }