.hero-gradient {
            background: linear-gradient(135deg, rgba(0, 51, 102, 0.9) 0%, rgba(153, 0, 0, 0.85) 100%);
        }
        .flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-gray-100 hover:bg-blue-500 hover:text-white rounded-lg transition-all duration-300 border border-gray-300;
        }
        .data-card {
            @apply bg-white rounded-xl shadow-lg p-6 hover:shadow-2xl transition-shadow duration-300 border border-gray-200;
        }
        .live-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }
        .analysis-highlight {
            @apply border-l-4 border-blue-500 pl-4 bg-blue-50 py-2 my-3;
        }
        .nav-link {
            @apply hover:text-blue-500 transition-colors duration-200 font-medium;
        }
        .footer-link {
            @apply hover:text-gray-300 transition-colors duration-200;
        }
        .btn-primary {
            @apply bg-gradient-to-r from-blue-600 to-red-600 hover:from-blue-700 hover:to-red-700 text-white font-bold py-3 px-8 rounded-lg transition-all duration-300 transform hover:-translate-y-1 shadow-lg;
        }
        .match-card {
            @apply bg-gradient-to-br from-white to-gray-100 rounded-2xl shadow-xl p-8 border border-gray-300;
        }