.video-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.video-modal-content{aspect-ratio:16/9;background:var(--soft-black,#222129);border-radius:12px;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out scaleIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.video-modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10001;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.video-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.video-modal-close:active{transform:scale(.95)}.video-modal-close svg{width:20px;height:20px}.video-modal-iframe-container{width:100%;height:100%;padding-top:0;position:relative}.video-modal-iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.video-modal-content{max-width:95%;max-height:85vh}.video-modal-close{width:36px;height:36px;top:10px;right:10px}.video-modal-close svg{width:18px;height:18px}}@media (max-width:480px){.video-modal-overlay{padding:10px}.video-modal-content{border-radius:8px;max-width:100%;max-height:80vh}.video-modal-close{width:32px;height:32px;top:8px;right:8px}.video-modal-close svg{width:16px;height:16px}}