.elementor-697 .elementor-element.elementor-element-ddf903f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-77bf587 */body, html {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow: hidden; /* Prevent full body scroll */
        font-family: sans-serif;
    }

    .back {
        height: 100vh;
        display: flex;
        flex-direction: column;
        background: radial-gradient(circle, rgba(50, 0, 100, 1), rgba(0, 0, 0, 1));
        position: relative;
    }

    .snowflakes {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 5;
        animation: snowfall 10s linear infinite;
    }

    .snowflakes div {
        position: absolute;
        background-color: white;
        border-radius: 50%;
        opacity: 0.8;
        animation: fall linear infinite;
    }

    @keyframes fall {
        0% { transform: translateY(-100px); opacity: 1; }
        100% { transform: translateY(100vh); opacity: 0.5; }
    }

    .content {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        z-index: 10;
        color: white;
    }

    .header {
        font-size: 20px;
        text-align: center;
        padding: 10px;
    }

    .video-player {
        position: sticky;
        top: 0;
        background: black;
        z-index: 20;
        padding-bottom: 10px;
    }

    .video-player iframe {
        width: 100%;
        height: 315px;
        max-width: 800px;
        margin: 0 auto;
        display: block;
        border: none;
    }

    .video-player h2 {
        color: red;
        font-size: 24px;
        text-align: center;
        margin-top: 10px;
    }

    .video-list {
        overflow-y: auto;
        flex: 1;
        padding: 10px 20px 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .video-item {
        width: 160px;
        height: 90px;
        cursor: pointer;
        position: relative;
    }

    .video-item img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }

    .video-item:hover {
        opacity: 0.7;
    }

    .video-item .play-btn {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: blue;
        background-color: white;
        padding: 3px 14px 3px 18px;
        border-radius: 5px;
        font-size: 24px;
        font-weight: bold;
        opacity: 0.8;
        transition: opacity 0.3s;
    }

    .video-item:hover .play-btn {
        opacity: 1;
    }

    /* Responsive */
    @media (max-width: 767px) {
        .video-player iframe { height: 200px; }
        .video-player h2 { font-size: 18px; }
        .header { font-size: 16px; }
        .video-item { width: 100%; max-width: 320px; height: auto; }
    }/* End custom CSS */