body {
    margin: 0;
    min-height: 100vh;
    background: radial-gradient(circle at top, #91C8E4, #FFFBDE);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    color: #749BC2;
    }
    section.theater {
        width: 85%;
        max-width: 950px;
        padding: 30px;
        border-radius: 30px;
        background: #F39EB6;
        border: 5px solid #4682A9;
        box-shadow:
        0 0 35px rgb(145, 200, 228),
        inset 0 0 25px rgb(116, 155, 194);
        position: relative;
        overflow: hidden;
        }
        section.theater::before {
            content: "";
            position: absolute;
            inset: 10px;
            border-radius: 22px;
            border: 3px dashed rgb(70, 130, 169);
            animation: blink 1.5s infinite alternate;
            pointer-events: none;
            }
            .theater-name {
                text-align: center;
                font-family: 'Cinzel', serif;
                font-size: 2.7rem;
                letter-spacing: 4px;
                margin-bottom: 25px;
                color: #F39EB6;
                text-shadow: 0 0 12px rgb(145, 200, 228);
                }
                .screen {
                    background: #ccc;
                    padding: 18px;
                    border-radius: 18px;
                    border: 3px solid #FFE4EF;
                    box-shadow: inset 0 0 35px rgb(145, 200, 228);
                    }
                    video {
                        width: 100%;
                        border-radius: 12px;
                        }
                        .controls {
                            display: flex;
                            justify-content: center;
                            gap: 15px;
                            margin-top: 20px;
                            }
                            .controls button {
                                background: linear-gradient(145deg, #4682A9, #4682A9);
                                border: none;
                                padding: 10px 18px;
                                border-radius: 25px;
                                font-size: 0.9rem;
                                font-weight: 600;
                                cursor: pointer;
                                box-shadow: 0 0 10px ;
                                transition: transform 0.2s, box-shadow 0.2s rgb(255, 251, 222);
                                }
                                .controls button:hover {
                                    transform: scale(1.05);
                                    box-shadow: 0 0 18px rgb(145, 200, 228) ;
                                    }
                                    .subtitle {
                                        text-align: center;
                                        margin-top: 18px;
                                        font-size: 0.9rem;
                                        color: #4682A9;
                                        letter-spacing: 1px;
                                        }