/* ===== Google Hover START ===== */
        
        .google-icon { background: linear-gradient(135deg, #4285f4 0%, #34a853 100%); }
        .google-bar { 
            background: linear-gradient(135deg, #4285f4 0%, #34a853 50%, #fbbc04 75%, #ea4335 100%); 
            left: var(--google-position); 
            width: var(--google-duration); 
        }
        .google-animation-popup { width: 500px; height: 350px; padding: 2rem; background: linear-gradient(135deg, #f8f9fa 0%, #e8f0fe 100%); font-family: 'Product Sans', 'Roboto', Arial, sans-serif; }
        .google-animation-popup .google-container { text-align: center; animation: gg-containerFloat 4s ease-in-out infinite; }
        @keyframes gg-containerFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
        .google-animation-popup .google-logo { display: flex; justify-content: center; align-items: center; margin-bottom: 2rem; gap: 2px; }
        .google-animation-popup .logo-letter { font-size: 3.5rem; font-weight: 400; display: inline-block; animation: gg-letterBounce 2s ease-in-out infinite; }
        .google-animation-popup .letter-g1 { color: #4285f4; animation-delay: 0s; }
        .google-animation-popup .letter-o1 { color: #ea4335; animation-delay: 0.1s; }
        .google-animation-popup .letter-o2 { color: #fbbc05; animation-delay: 0.2s; }
        .google-animation-popup .letter-g2 { color: #4285f4; animation-delay: 0.3s; }
        .google-animation-popup .letter-l { color: #34a853; animation-delay: 0.4s; }
        .google-animation-popup .letter-e { color: #ea4335; animation-delay: 0.5s; }
        @keyframes gg-letterBounce { 0%, 100% { transform: translateY(0px) scale(1); } 25% { transform: translateY(-15px) scale(1.1); } 50% { transform: translateY(0px) scale(1); } 75% { transform: translateY(-8px) scale(1.05); } }
        .google-animation-popup .search-container { position: relative; margin: 2rem 0; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; }
        .google-animation-popup .search-box { width: 100%; height: 48px; border: 2px solid #dfe1e5; border-radius: 24px; padding: 0 50px 0 20px; font-size: 16px; outline: none; animation: gg-searchPulse 3s ease-in-out infinite; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
        @keyframes gg-searchPulse { 0%, 100% { border-color: #dfe1e5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } 50% { border-color: #4285f4; box-shadow: 0 4px 16px rgba(66, 133, 244, 0.2); } }
        .google-animation-popup .search-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: #4285f4; border-radius: 50%; display: flex; align-items: center; justify-content: center; animation: gg-iconSpin 4s linear infinite; }
        @keyframes gg-iconSpin { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } }
        .google-animation-popup .loading-dots { display: flex; justify-content: center; gap: 8px; margin: 2rem 0; }
        .google-animation-popup .dot { width: 12px; height: 12px; border-radius: 50%; animation: gg-dotWave 1.5s ease-in-out infinite; }
        .google-animation-popup .dot:nth-child(1) { background: #4285f4; animation-delay: 0s; }
        .google-animation-popup .dot:nth-child(2) { background: #ea4335; animation-delay: 0.2s; }
        .google-animation-popup .dot:nth-child(3) { background: #fbbc05; animation-delay: 0.4s; }
        .google-animation-popup .dot:nth-child(4) { background: #34a853; animation-delay: 0.6s; }
        @keyframes gg-dotWave { 0%, 100% { transform: translateY(0px) scale(1); opacity: 0.7; } 50% { transform: translateY(-15px) scale(1.3); opacity: 1; } }
        
        /* ===== Google Hover END ===== */