.hero-gradient {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
        }
        .flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-gray-100 hover:bg-blue-600 hover:text-white text-gray-800 rounded-lg transition-all duration-300 border border-gray-300;
        }
        .stat-card {
            @apply bg-white p-6 rounded-xl shadow-lg hover:shadow-2xl transition-shadow duration-300 border-l-4;
        }
        .live-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        .match-card {
            @apply bg-gradient-to-r from-gray-50 to-white p-6 rounded-2xl shadow-md hover:shadow-xl transition-all duration-500 transform hover:-translate-y-1 border;
        }
        .tab-active {
            @apply border-b-4 border-blue-600 font-bold text-blue-800;
        }
        .analysis-section {
            @apply prose prose-lg max-w-none prose-headings:text-blue-900 prose-a:text-blue-600 hover:prose-a:text-blue-800 prose-strong:text-gray-900;
        }