.flink { color: #3b82f6; text-decoration: none; transition: color 0.3s ease; }
        .flink:hover { color: #1d4ed8; text-decoration: underline; }
        .nofollow { color: #6b7280; text-decoration: none; }
        .hero-bg { background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%); }
        .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }
        .friendlink-section { background-color: #f8fafc; }
        .table-responsive { overflow-x: auto; }
        .btn-primary { background-color: #3b82f6; color: white; padding: 0.75rem 1.5rem; border-radius: 0.5rem; transition: background-color 0.3s; }
        .btn-primary:hover { background-color: #2563eb; }
        .live-badge { background-color: #ef4444; color: white; padding: 0.25rem 0.75rem; border-radius: 9999px; animation: pulse 2s infinite; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
        .section-padding { padding: 4rem 1rem; }
        @media (max-width: 768px) { .section-padding { padding: 2rem 1rem; } }