@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .card-transition {
        transition: all 0.3s ease;
    }
    .scale-hover {
        transition: transform 0.2s ease-in-out;
    }
    .scale-hover:hover {
        transform: scale(1.02);
    }
    .bg-gradient-blue {
        background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
    }
    .bg-gradient-green {
        background: linear-gradient(135deg, #10B981 0%, #059669 100%);
    }
    .bg-gradient-red {
        background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
    }
    .animate-pulse-slow {
        animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
}