@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
        * { font-family: 'Noto Sans SC', sans-serif; }
        .hover-lift { transition: transform 0.3s ease; }
        .hover-lift:hover { transform: translateY(-5px); }
        .gradient-bg { background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%); }
        .flink { @apply inline-block px-4 py-2 mx-2 my-1 bg-white bg-opacity-10 hover:bg-opacity-20 rounded-lg border border-white border-opacity-20 transition-all duration-300 hover:scale-105; }
        .stat-card { @apply bg-white bg-opacity-5 backdrop-blur-sm rounded-xl p-6 border border-white border-opacity-10; }
        .live-badge { animation: pulse 2s infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
        .match-card { @apply bg-gradient-to-r from-gray-900 to-gray-800 rounded-2xl overflow-hidden border border-gray-700; }
        .analysis-box { @apply bg-gradient-to-br from-gray-800 to-gray-900 p-6 rounded-2xl border border-gray-700; }
        .nav-link { @apply text-gray-300 hover:text-white px-4 py-2 rounded-lg hover:bg-white hover:bg-opacity-10 transition-colors duration-300; }
        .btn-primary { @apply bg-primary hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 hover:scale-105; }
        .btn-secondary { @apply bg-secondary hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg transition-all duration-300 hover:scale-105; }
        .section-padding { @apply py-16 px-4 md:px-8 lg:px-16; }
        .content-rich p { @apply mb-4 text-gray-300 leading-relaxed; }
        .content-rich h3 { @apply text-2xl font-bold text-white mt-8 mb-4; }
        .content-rich ul { @apply list-disc pl-6 mb-4 text-gray-300; }
        .content-rich li { @apply mb-2; }