/* ===== Facebook Hover START ===== */
        .facebook-icon { background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%); }
        .facebook-bar { 
            background: linear-gradient(135deg, #1877f2 0%, #42a5f5 100%); 
            left: var(--facebook-position); 
            width: var(--facebook-duration); 
        }
        .facebook-animation-popup { width: 320px; height: 280px; padding: 1rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .facebook-animation-popup .facebook-container { text-align: center; position: relative; }
        .facebook-animation-popup .facebook-logo { width: 80px; height: 80px; background: #1877f2; border-radius: 15px; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; animation: fb-logoFloat 3s ease-in-out infinite; }
        .facebook-animation-popup .facebook-logo svg { width: 40px; height: 40px; fill: white; }
        @keyframes fb-logoFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
        .facebook-animation-popup .loading-dots { display: flex; justify-content: center; gap: 6px; margin: 1rem 0; }
        .facebook-animation-popup .dot { width: 10px; height: 10px; background: white; border-radius: 50%; animation: fb-dotPulse 1.5s ease-in-out infinite; }
        .facebook-animation-popup .dot:nth-child(2) { animation-delay: 0.3s; }
        .facebook-animation-popup .dot:nth-child(3) { animation-delay: 0.6s; }
        @keyframes fb-dotPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.2); } }
        .facebook-animation-popup .facebook-text { color: white; font-size: 2rem; font-weight: bold; margin: 0.5rem 0; animation: fb-textGlow 2s ease-in-out infinite alternate; }
        @keyframes fb-textGlow { from { text-shadow: 0 0 8px rgba(255, 255, 255, 0.5); } to { text-shadow: 0 0 16px rgba(255, 255, 255, 0.8); } }
        .facebook-animation-popup .pulse-ring { position: absolute; top: 40px; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 150px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; animation: fb-pulseRing 2s ease-out infinite; }
        @keyframes fb-pulseRing { 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2); opacity: 0; } }
        
        /* ===== Facebook Hover END ===== */