.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.video-modal-container{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:20px;width:100%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}.video-modal-info{flex:1 1}.video-modal-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.01em}.video-modal-instructor{display:flex;align-items:center;gap:6px;font-size:14px;color:#9ca3af;margin:0}.video-modal-instructor svg{color:#6b7280}.video-modal-close{width:40px;height:40px;border-radius:10px;border:1.5px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#9ca3af}.video-modal-close:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.video-player-wrapper{position:relative;width:100%;background:#000;aspect-ratio:16/9}.video-player{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.video-player::-webkit-media-controls,.video-player::-webkit-media-controls-enclosure{opacity:1!important;visibility:visible!important}.video-modal-details{padding:20px 24px;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.2)}.video-meta{gap:20px;flex-wrap:wrap;margin-bottom:12px}.video-meta,.video-meta span{display:flex;align-items:center}.video-meta span{gap:6px;font-size:13px;color:#9ca3af;font-weight:500}.video-meta svg{color:#6b7280;flex-shrink:0}.video-level{padding:4px 10px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5!important;text-transform:uppercase;font-size:11px!important;font-weight:700!important;letter-spacing:.05em}.video-tags{display:flex;flex-wrap:wrap;gap:8px}.video-tag{padding:5px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;font-size:12px;color:#d1d5db;font-weight:500;transition:all .3s ease}.video-tag:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}@media (max-width:768px){.video-modal-container{max-height:95vh;border-radius:16px}.video-modal-header{padding:16px 20px}.video-modal-title{font-size:18px}.video-modal-instructor{font-size:13px}.video-modal-close{width:36px;height:36px}.video-modal-details{padding:16px 20px}.video-meta{gap:12px}.video-meta span{font-size:12px}}@media (max-width:480px){.video-modal-overlay{padding:10px}.video-modal-title{font-size:16px}.video-meta{flex-direction:column;align-items:flex-start;gap:8px}}