body{color:#fff;margin:0;font-family:Arial,sans-serif}.site-header,body{background-color:#141414}.site-header{padding:1rem 0}.brand{font-size:1.8rem;font-weight:700;color:#e50914;text-decoration:none}.video-card{position:relative;cursor:pointer;transition:transform .3s}.video-card:hover{transform:scale(1.15)}.video-title-overlay{position:absolute;bottom:0;left:0;width:100%;background:hsla(0,0%,8%,.8);color:#fff;padding:.5rem;font-size:.9rem;text-align:center}.course-title{color:#f5f5f5;font-weight:700;text-shadow:0 0 5px hsla(0,0%,100%,.8)}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);align-items:center;justify-content:center}.modal-content{background-color:#1e1e1e;margin:auto;padding:20px;border:1px solid #444;width:90%;max-width:400px;border-radius:8px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.5)}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:focus,.close:hover{color:#fff;text-decoration:none}.btn-custom{background-color:#e50914;border:none;color:#fff;padding:10px 20px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn-custom:hover{background-color:#bf0812}mux-player:-webkit-full-screen ::part(controls),mux-player::part(controls),mux-player:full-screen ::part(controls){display:none!important;pointer-events:none!important}.player-wrapper{position:relative;width:100%;height:500px;background:#000}.player-wrapper mux-player{width:100%;height:100%}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:2;cursor:default}
@media (max-width:576px){
  .player-wrapper{height:40vh}
  .btn-custom{padding:.6rem .9rem;font-size:1rem}
  .course-title{font-size:1.4rem}
}