.dynamic-logo-container-2b1c9e21 {
    display: block;
    width: 100%;
}

.dynamic-logo-wrapper-2b1c9e21 {
    display: inline-block;
    transition: all 0.3s ease;
    transform-style: preserve-3d;
    will-change: transform;
}

.dynamic-logo-img-2b1c9e21 {
    display: block;
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* Glow Effect */
.effect-glow-2b1c9e21 {
    --logo-glow-color: rgba(255, 255, 255, 0.5);
    animation: dynamic-logo-glow-2b1c9e21 2.5s infinite alternate;
}

@keyframes dynamic-logo-glow-2b1c9e21 {
    0% {
        filter: drop-shadow(0 0 5px var(--logo-glow-color));
        transform: scale(1);
    }
    100% {
        filter: drop-shadow(0 0 20px var(--logo-glow-color));
        transform: scale(1.05);
    }
}

/* Float Effect */
.effect-float-2b1c9e21 {
    animation: dynamic-logo-float-2b1c9e21 3s ease-in-out infinite;
}

@keyframes dynamic-logo-float-2b1c9e21 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Tilt is handled by JS but we add a nice shadow on hover */
.effect-tilt-2b1c9e21:hover .dynamic-logo-img-2b1c9e21 {
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.15));
}
