@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; }
        .hero-gradient { background: linear-gradient(135deg, #0a2e38 0%, #1a5f7a 50%, #0a2e38 100%); }
        .card-hover { transition: all 0.3s ease; }
        .card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
        .flink { border: 1px solid #e5e7eb; padding: 12px 20px; border-radius: 8px; transition: all 0.3s; display: inline-block; margin: 5px; }
        .flink:hover { border-color: #3b82f6; background-color: #f8fafc; }
        .live-pulse { animation: pulse 2s infinite; }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }
        .nav-active { border-bottom: 3px solid #3b82f6; font-weight: 700; }
        .match-stat-bar { height: 10px; border-radius: 5px; }
        .analysis-quote { border-left: 4px solid #3b82f6; background-color: #f0f9ff; }
        footer a:hover { text-decoration: underline; color: #93c5fd; }
        @media (max-width: 768px) { .mobile-stack { flex-direction: column; } }