.homepage-video-container{position:relative;width:100%;max-width:1200px;margin:0 auto 40px;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:12px;overflow:hidden;background:#000}.homepage-video-container video,.homepage-video-container iframe{width:100%;height:auto;aspect-ratio:16/9;display:block;border:none}.homepage-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);transition:all .3s ease;opacity:1;cursor:pointer}.homepage-video-overlay:hover{background:rgba(0,0,0,.5)}.video-play-button{width:80px;height:80px;background:rgba(255,255,255,.2);backdrop-filter:blur(5px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-play-button:before{content:"";display:block;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #fff;margin-left:5px}.homepage-video-overlay:hover .video-play-button{transform:scale(1.1);background:rgba(255,255,255,.3)}.custom-video-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:rgba(0,0,0,.7);color:#fff}.custom-video-controls button{background:0 0;border:none;color:#fff;font-size:16px;cursor:pointer}@media (max-width:768px){.homepage-video-container{border-radius:0;margin-bottom:20px}.video-play-button{width:60px;height:60px}.video-play-button:before{border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:20px solid #fff}}