/* ===========================
   METALLIC LOGO EFFECTS
   =========================== */

.logo-image {
    filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.5)) 
            drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3));
    transition: all 0.3s ease;
}

.logo-image:hover {
    filter: drop-shadow(0 0 20px rgba(0, 255, 136, 0.8)) 
            drop-shadow(0 4px 8px rgba(255, 255, 255, 0.5))
            brightness(1.1);
    transform: scale(1.05);
}

/* Metallic shine animation */
@keyframes metallic-shine {
    0% {
        filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.5)) 
                drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 15px rgba(0, 255, 136, 0.7)) 
                drop-shadow(0 3px 6px rgba(255, 255, 255, 0.4))
                brightness(1.05);
    }
    100% {
        filter: drop-shadow(0 0 10px rgba(0, 255, 136, 0.5)) 
                drop-shadow(0 2px 4px rgba(255, 255, 255, 0.3));
    }
}

.logo:hover .logo-image {
    animation: metallic-shine 2s ease-in-out infinite;
}