.video-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:video-modal-fade .2s ease forwards}.video-modal{position:relative;width:min(960px,100%);max-height:calc(100vh - 40px);aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 40px 100px -20px rgba(0,0,0,.7);animation:video-modal-pop .25s cubic-bezier(.22,1.2,.36,1) forwards}.video-modal iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-modal-close{position:absolute;top:12px;right:12px;z-index:5;width:40px;height:40px;border-radius:9999px;background:hsla(0,0%,100%,.92);border:1px solid #e7e8ea;color:#0b0b0b;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease}.video-modal-close:hover{background:#fff;transform:scale(1.05)}.video-modal-close svg{width:18px;height:18px;stroke:#0b0b0b;fill:none;stroke-width:2.4}@keyframes video-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes video-modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.video-modal{aspect-ratio:9/16;max-width:100%}}