/* Explain: App-specific component classes, including marquee animation. */
.glass-panel {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

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

.marquee-container {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.marquee-container:hover {
    animation-play-state: paused;
}