/* Logo Link Styling */
.logo {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    cursor: pointer;
}

.logo:hover {
    transform: translateY(-2px);
}

.logo:hover img {
    transform: rotate(5deg) scale(1.05);
}

.logo:active {
    transform: translateY(0);
}

.logo img {
    transition: transform 0.3s ease;
}

.logo span {
    transition: color 0.3s ease;
}

.logo:hover span {
    color: var(--primary-color, #667eea);
}