/* Animasyonlar */
@keyframes glitch-anim {
    0% {
        transform: translate(0);
        text-shadow: -3px 0 red, 3px 0 blue;
    }

    20% {
        transform: translate(-3px, 3px);
        text-shadow: -3px 0 red, 3px 0 blue;
    }

    40% {
        transform: translate(-3px, -3px);
        text-shadow: 3px 0 red, -3px 0 blue;
    }

    60% {
        transform: translate(3px, 3px);
        text-shadow: -3px 0 red, 3px 0 blue;
    }

    80% {
        transform: translate(3px, -3px);
        text-shadow: 3px 0 red, -3px 0 blue;
    }

    100% {
        transform: translate(0);
        text-shadow: -3px 0 red, 3px 0 blue;
    }
}

@keyframes breathe {
    0% {
        opacity: 0.6;
        filter: brightness(0.8);
        text-shadow: 0 0 5px #2dc26b;
    }

    50% {
        opacity: 1;
        filter: brightness(1.4);
        text-shadow: 0 0 15px #2dc26b, 0 0 30px #2dc26b;
    }

    100% {
        opacity: 0.6;
        filter: brightness(0.8);
        text-shadow: 0 0 5px #2dc26b;
    }
}

/* Active State: CYBER GLITCH RED */
.led-red {
    color: #ff0000 !important;
    font-weight: bold;
    display: inline-block !important;
    /* CRITICAL FOR TRANSFORM */
    text-shadow:
        0 0 10px #ff0000,
        0 0 30px #ff0000,
        0 0 60px #ff0000 !important;
    animation: glitch-anim 0.08s infinite linear alternate-reverse;
    filter: brightness(2.5) contrast(1.5);
    z-index: 100;
    position: relative;
}

/* Idle State: BREATHING GREEN AI */
.led-green {
    color: #2dc26b !important;
    display: inline-block !important;
    /* Ensures consistency */
    animation: breathe 2.5s infinite ease-in-out;
    filter: brightness(1);
}