.animate-pulse-border {
    animation: pulse-border 2s infinite;
}

@keyframes pulse-border {
    0%, 100% {
        border-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(19, 236, 200, 0.4);
    }
    50% {
        border-color: rgba(19, 236, 200, 0.8);
        box-shadow: 0 0 0 6px rgba(19, 236, 200, 0);
    }
}
#loading-spinner {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #13ecc8;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.pulse-background {
    animation: pulse-background 2s infinite;
}
@keyframes pulse-background {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.6;
    }
}