@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.marquee-animate {
    display: inline-block;
    animation: marquee 30s linear infinite;
    white-space: nowrap;
}

@keyframes pulse-glow {
    0%,
    100% {
        box-shadow: 0 0 15px rgba(13, 110, 253, 0.35);
    }

    50% {
        box-shadow: 0 0 30px rgba(13, 110, 253, 0.65);
    }
}

.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

.room-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.room-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}
