.video-container {
    position: relative;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
    background: linear-gradient(135deg, #72edf2 10%, #5151e5 100%);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.styled-video {
    width: 100%;
    display: block;
    border-radius: 15px;
}

.video-container:hover {
    transform: scale(1.05);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}

.video-container::before {
    content: '';
    position: absolute;
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%;
    z-index: -1;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
    transform: scale(0.5);
    transition: transform 0.3s ease-in-out;
}

.video-container:hover::before {
    transform: scale(1.1);
}