@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');
        body { font-family: 'Noto Sans SC', sans-serif; }
        .hero-gradient { background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 50%, #10b981 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: #3b82f6; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }
        .flink { display: inline-block; padding: 10px 20px; margin: 5px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; transition: all 0.3s ease; color: #475569; }
        .flink:hover { background: #3b82f6; color: white; border-color: #3b82f6; text-decoration: none; }
        .live-pulse { animation: pulse 2s infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
        .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; }
        .match-card { background: linear-gradient(to right bottom, #ffffff, #f0f9ff); border-left: 4px solid #3b82f6; }
        .footer-links a { position: relative; padding-left: 1rem; }
        .footer-links a::before { content: '▸'; position: absolute; left: 0; color: #60a5fa; }
        .tab-active { border-bottom: 3px solid #3b82f6; color: #1e40af; font-weight: 600; }