body {
            font-family: 'Noto Sans SC', sans-serif;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1d4ed8 0%, #059669 100%);
        }
        .stats-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .stats-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        .match-card {
            border-left: 4px solid #dc2626;
        }
        .analysis-section {
            background: linear-gradient(to right bottom, #f8fafc 0%, #f1f5f9 100%);
        }
        .flink {
            transition: all 0.3s ease;
            border: 1px solid #e5e7eb;
        }
        .flink:hover {
            background-color: #f3f4f6;
            border-color: #1d4ed8;
            transform: translateY(-2px);
        }
        .tab-content {
            display: none;
        }
        .tab-content.active {
            display: block;
            animation: fadeIn 0.5s ease;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @media (max-width: 768px) {
            .mobile-stack {
                flex-direction: column;
            }
        }