.flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-gradient-to-r from-blue-50 to-gray-50 text-gray-800 rounded-lg shadow-sm hover:shadow-md hover:from-blue-100 hover:to-gray-100 transition-all duration-300 border border-gray-200;
        }
        .friendlink {
            @apply py-12 bg-gradient-to-b from-gray-50 to-white;
        }
        .nav-link {
            @apply text-gray-700 hover:text-blue-600 font-medium transition-colors duration-300;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%);
        }
        .card-hover {
            @apply transition-all duration-500 hover:scale-[1.02] hover:shadow-xl;
        }
        .live-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }
