.video-player-container{aspect-ratio:16/9;background:#000;border-radius:24px;width:100%;max-width:800px;margin:40px auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.custom-video{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.video-overlay{opacity:0;background:#0000001a;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.video-player-container:hover .video-overlay,.video-player-container.paused .video-overlay{opacity:1;background:#0000004d}.play-btn-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff3;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:scale(.9)}.play-btn-center:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.play-icon,.pause-icon{fill:#fff;width:32px;height:32px;margin-left:4px}.pause-icon{margin-left:0}.controls-bar{opacity:0;gap:12px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(10px)}.video-player-container:hover .controls-bar{opacity:1;transform:translateY(0)}.control-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.control-btn:hover{background:#c41e3ae6;transform:scale(1.1)}.control-icon{stroke:currentColor;stroke-width:2px;fill:none;width:20px;height:20px}