/* Logo specific styles */
.logo {
    filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.5));
    transition: all 0.3s ease;
}

.logo:hover {
    filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.8));
    transform: scale(1.05);
}

/* SVG Logo animations */
.logo path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw 2s ease-in-out forwards;
}

.logo text {
    opacity: 0;
    animation: fade-in 1s ease-in-out 1s forwards;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fade-in {
    to {
        opacity: 1;
    }
}

/* Logo container enhancements */
.logo-container {
    position: relative;
    overflow: hidden;
}

.logo-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.3), transparent);
    transition: all 0.5s ease;
}

.logo-container:hover::after {
    left: 100%;
}