.container {
            width: 100%;
            max-width: 1170px;
            margin: 50px auto;
            color: #cbd5e1;
        }
        

        h1 {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
        .player-container {
            background: rgba(0, 0, 0, 0.6);
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            margin: 20px 0;
            position: relative;
        }
        
        #mse {
            width: 100%;
            height: 0;
            position: relative;
        }

        .loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 1.2rem;
        }
        @media (max-width: 768px) {
            h1 {
                font-size: 2rem;
            }
            .player-container {
                border-radius: 10px;
            }
        }