.video-container{position:relative;overflow:hidden;background-color:#000}.video-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem;background-color:rgba(0,0,0,.5);color:white;text-align:center;z-index:1;opacity:1;transition:opacity .3s ease}.video-container:hover .video-preview-overlay{opacity:.8}.video-content{padding-top:2rem}.video-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 5px rgba(0,0,0,.8)}.video-subtitle{font-size:1.2rem;text-shadow:0 0 4px rgba(0,0,0,.7)}.play-instruction{margin-bottom:2rem}.play-button{font-size:3.5rem;margin-bottom:.5rem;opacity:.9;transition:transform .3s ease;display:block}.click-text{font-size:1rem;opacity:.9;font-weight:500}.video-container:hover .play-button{transform:scale(1.2)}video::-webkit-media-controls-overlay-play-button{display:none}