@keyframes auroraFloat {
    0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
        opacity: 0.2;
    }

    50% {
        transform: translate(25px, 15px) scale(1.05) rotate(1deg);
        opacity: 0.4;
    }

    100% {
        transform: translate(-15px, 30px) scale(1) rotate(-1deg);
        opacity: 0.2;
    }
}

@keyframes breathing {

    0%,
    100% {
        box-shadow: 0 10px 25px rgba(255, 59, 59, 0.3);
    }

    50% {
        box-shadow: 0 15px 40px rgba(255, 59, 59, 0.6);
    }
}

@keyframes slideUpFade {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes indicatorPulse {
    from {
        opacity: 0.5;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1.1);
    }
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes spinIcon {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotateGlow {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shineMove {
    0% {
        left: -100%;
    }

    20% {
        left: 200%;
    }

    100% {
        left: 200%;
    }
}

@keyframes goldPulse {

    0%,
    100% {
        box-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
    }

    50% {
        box-shadow: 0 0 50px rgba(255, 215, 0, 0.5), 0 0 20px var(--accent-gold);
    }
}

@keyframes rainbowBorder {
    0% {
        border-image-source: linear-gradient(0deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);
    }

    100% {
        border-image-source: linear-gradient(360deg, #f00, #ff0, #0f0, #0ff, #00f, #f0f);
    }
}

@keyframes panelSlide {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes indicatorEntrance {
    from {
        transform: scale(0) rotate(-45deg);
        opacity: 0;
    }

    to {
        transform: scale(1) rotate(0);
        opacity: 1;
    }
}

@keyframes spinGradient {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes pulseSpinBtn {
    0% {
        transform: scale(1);
        box-shadow: 0 0 15px #ff0055;
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 25px #ff0055, 0 0 10px #fff;
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 15px #ff0055;
    }
}@keyframes popIn {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}