/* Professional Logo Hover Animation */

.logo {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.logo img {
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
}

/* Subtle pulse and glow on hover */
.logo:hover img {
    transform: scale(1.08);
    filter: drop-shadow(0 0 15px rgba(76, 92, 150, 0.6)) 
            drop-shadow(0 0 30px rgba(76, 92, 150, 0.3));
}

/* Alternative option: Gentle rotation */
.logo.rotate-effect:hover img {
    transform: rotate(8deg) scale(1.05);
    filter: drop-shadow(0 0 12px rgba(76, 92, 150, 0.5));
}

/* Alternative option: Elegant spin (one rotation) */
.logo.spin-effect:hover img {
    animation: gentleSpin 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    filter: drop-shadow(0 0 12px rgba(76, 92, 150, 0.5));
}

@keyframes gentleSpin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.06);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

/* Alternative option: Subtle float/lift */
.logo.float-effect:hover img {
    transform: translateY(-8px) scale(1.04);
    filter: drop-shadow(0 8px 20px rgba(76, 92, 150, 0.4));
}

/* Smooth return to normal state */
.logo img:not(:hover) {
    animation: none;
}

/* Accessibility - respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .logo,
    .logo img {
        transition: none !important;
        animation: none !important;
    }
    
    .logo:hover img {
        transform: none !important;
    }
}