@layer utilities {
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .transition-all-300 {
        transition: all 0.3s ease;
    }
    .bg-gradient-primary {
        background: linear-gradient(135deg, #1E40AF 0%, #3B82F6 100%);
    }
    .bg-gradient-secondary {
        background: linear-gradient(135deg, #DC2626 0%, #F87171 100%);
    }
    .card-hover {
        transition: all 0.3s ease;
    }
    .card-hover:hover {
        transform: translateY(-5px);
    }
}