.flink {
            @apply inline-block px-4 py-2 m-2 bg-gray-100 hover:bg-accent hover:text-white text-gray-800 rounded-lg transition duration-300 ease-in-out transform hover:scale-105;
        }
        .hero-bg {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1556056504-5c7696c4c28d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
        }
        .card-hover {
            @apply transition duration-300 ease-in-out transform hover:-translate-y-2 hover:shadow-2xl;
        }
        .live-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }