.video-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:auto}.video-container .video-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:15px;overflow:visible;box-shadow:9px 7px 21px -8px rgba(0,0,0,.75)}.video-container #main-video{width:100%;height:100%;object-fit:cover;border-radius:15px}.video-container #video-title{padding-top:20px}.video-container .thumbnail-slider{display:flex;align-items:center;width:calc(100% - 40px);overflow:hidden;position:absolute;top:20px;left:20px;z-index:10;background-color:rgba(0,0,0,.7);border-radius:8px;padding:10px;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.video-container .thumbnails{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%;cursor:pointer;padding:0}.video-container .thumbnails::-webkit-scrollbar{display:none}.video-container .video-entry{flex:0 0 auto}.video-container .thumbnail-link{text-decoration:none;display:block}.video-container .thumbnail{width:320px;height:auto;border-radius:8px;opacity:.8;transition:opacity .2s ease;display:block}.video-container .thumbnail.active{border:2px solid #fff;opacity:1;box-shadow:2px 1px 4px -2px rgba(0,0,0,.75)}.video-container .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);color:#fff;font-size:18px;padding:20px;border-radius:8px;text-align:center}.video-container .video-wrapper:hover .thumbnail-slider{opacity:1;visibility:visible}.video-container .slider-control{display:none;color:#fff;background-color:rgba(255,255,255,.2);border-radius:4px;padding:5px 8px;font-size:34px;cursor:pointer;user-select:none;transition:background-color .2s ease}.video-container .slider-control:hover{background-color:rgba(255,255,255,.4)}.video-info{min-height:175px;width:100%;color:#fff}@media (max-width:600px){.video-container .loading{font-size:14px;padding:10px}}@media (max-width:768px){.video-container .thumbnail{width:220px}.video-container .thumbnail-slider{width:calc(100% - 20px);left:10px;top:10px}}@media (max-width:480px){.video-container .thumbnail{width:160px}.video-container .thumbnail-slider{width:calc(100% - 10px);left:5px;top:5px;padding:5px}}@media (min-width:600px){.video-container .slider-control{display:flex;align-items:center;justify-content:center}}.video-page{max-width:1200px;margin:0 auto;padding:20px;color:#333}.video-page h1{font-size:2.5rem;margin-bottom:20px;color:#222;line-height:1.2}.video-page .video-description{font-size:1.2rem;line-height:1.6;margin:30px 0;color:#444;background-color:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007cba}.video-page .transcript{margin-top:40px;padding:30px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.video-page .transcript h2{color:#222;margin-bottom:20px;font-size:1.8rem;border-bottom:2px solid #007cba;padding-bottom:10px}.video-page .transcript p{line-height:1.7;color:#555;font-size:1.1rem}.video-info{min-height:175px;width:100%;color:#fff;position:relative}.video-content{display:none}.video-content.active{display:block}.video-title{font-size:1.8rem;margin-bottom:15px;color:#fff;line-height:1.3;padding-top:20px}.video-description{font-size:1.1rem;line-height:1.6;color:#fff;margin:0}@media (max-width:768px){.video-title{font-size:1.5rem}.video-description{font-size:1rem}}