.youtube-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:15000;opacity:0;visibility:hidden;transition:all .3s ease;backdrop-filter:blur(10px)}.youtube-modal.active{opacity:1;visibility:visible}.youtube-modal-content{position:relative;width:90vw;max-width:1200px;aspect-ratio:16/9;background:#000;border-radius:var(--border-radius-md);overflow:visible;transform:scale(.8)translateY(50px);transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 30px rgba(255,0,0,.2),inset 0 1px rgba(255,255,255,.1)}.youtube-modal.active .youtube-modal-content{transform:scale(1)translateY(0)}.youtube-modal iframe{width:100%;height:100%;border:none;border-radius:var(--border-radius-md);overflow:hidden}.youtube-modal-close{position:absolute;top:-15px;right:-15px;width:44px;height:44px;background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);color:#fff;font-size:0;z-index:10}.youtube-modal-close:hover{background:rgba(255,0,0,.9);border-color:rgba(255,255,255,.5);transform:scale(1.1);box-shadow:0 0 20px rgba(255,0,0,.4)}.youtube-modal-close svg{width:20px;height:20px;color:#fff;transition:color .3s ease}.youtube-modal-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;opacity:0;transition:opacity .3s ease}.youtube-modal-content.loading .youtube-modal-loading{opacity:1}