@layer utilities {
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .bg-gradient-black {
        background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,1));
    }
    .bg-gradient-green {
        background: linear-gradient(to bottom, rgba(204,255,0,0.9), rgba(204,255,0,1));
    }
    .transition-transform-opacity {
        transition-property: transform, opacity;
    }
    .skeleton-loading {
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        animation: skeleton-loading 1.5s infinite;
    }
    @keyframes skeleton-loading {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }
}