.video-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out}.video-popup-overlay.active{display:flex !important}.video-popup-container{position:relative;width:90%;max-width:800px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3);animation:slideUp .4s ease-out}.video-popup-close{position:absolute;top:-15px;right:-10px;background:0 0 !important;border:none;border-radius:50%;cursor:pointer !important;font-size:35px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .2s,background .2s}.video-popup-img img{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;z-index:10000}.video-popup-img img{height:15px}.video-popup-close:hover{color:#fff;transform:scale(1.1);border:none !important}.video-popup-content{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-popup-content iframe,.video-popup-content video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-popup-header{padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.video-popup-header h2{margin:0 0 10px;font-size:24px;font-weight:600}.video-popup-header p{margin:0;font-size:14px;opacity:.9}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.video-popup-container{width:95%;margin:20px}.video-popup-header h2{font-size:20px}.video-popup-close{top:-15px;right:-12px;font-size:25px}}