.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.video-modal-content{position:relative;width:100%;max-width:400px;aspect-ratio:9/16;max-height:90vh;background:var(--soft-black,#222129);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:scaleIn .3s ease-out}.video-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .3s ease;&:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}&:active{transform:scale(.95)}svg{width:20px;height:20px}}.video-modal-iframe-container{position:relative;width:100%;height:100%;padding-top:0}.video-modal-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@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{top:10px;right:10px;width:36px;height:36px;svg{width:18px;height:18px}}}@media (max-width:480px){.video-modal-overlay{padding:10px}.video-modal-content{max-width:100%;max-height:80vh;border-radius:8px}.video-modal-close{top:8px;right:8px;width:32px;height:32px;svg{width:16px;height:16px}}}