.youtube-player-container{position:relative;background:#000;border-radius:12px;overflow:hidden;max-width:100%;cursor:pointer;animation:playerFadeIn .6s cubic-bezier(.4,0,.2,1)}.youtube-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;max-height:500px;overflow:hidden;border-radius:12px;animation:wrapperScale .5s cubic-bezier(.34,1.56,.64,1)}.youtube-controls-container,.youtube-progress-container{opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform:translateY(10px)}.youtube-play-overlay{opacity:1;visibility:visible;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1)}.youtube-player-container:hover .youtube-controls-container,.youtube-player-container:hover .youtube-progress-container,.youtube-player-container.controls-visible .youtube-controls-container,.youtube-player-container.controls-visible .youtube-progress-container{opacity:1;visibility:visible;transform:translateY(0)}.youtube-player-container.controls-visible .youtube-play-overlay,.youtube-player-container:fullscreen .youtube-play-overlay{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.9)}@media (max-width: 991px){.youtube-video-wrapper{padding-bottom:56.25%!important;max-height:none!important}}@media (max-width: 991px){.col-lg-9[style*="width: 70%"]{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.col-lg-3[style*="width: 30%"],.course-sidebar{display:none!important}.mobile-only-tab{display:flex!important}}.youtube-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.youtube-player{width:100%;height:100%;display:block;background:#000;object-fit:cover}.youtube-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:10;cursor:pointer;transition:opacity .3s ease,visibility .3s ease}.youtube-play-overlay:hover{background:#0009}.youtube-play-overlay .youtube-play-icon{font-size:6rem;color:#fff;filter:drop-shadow(0 0 10px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s cubic-bezier(.4,0,.2,1);animation:playIconPulse 2s ease-in-out infinite}.youtube-play-overlay:hover .youtube-play-icon{transform:scale(1.15);filter:drop-shadow(0 0 30px rgba(255,255,255,.5));animation:none}.youtube-action-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:25;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease,visibility .1s ease,transform .3s ease}.youtube-action-indicator.show{opacity:1;visibility:visible;animation:actionIndicatorPop .6s ease forwards}.youtube-action-indicator i{font-size:2.5rem;color:#fff}@keyframes actionIndicatorPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}50%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.youtube-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;z-index:15;animation:spinPulse 1s cubic-bezier(.4,0,.2,1) infinite}.youtube-progress-container{position:absolute;bottom:64px;left:0;right:0;padding:0;width:100%;height:6px;background:#00000080;cursor:pointer;z-index:25;transition:height .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.youtube-progress-container:hover{height:10px}.youtube-progress-bar{width:100%;height:100%;position:relative;background:#00000080;border-radius:2px}.youtube-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);width:0;border-radius:2px;z-index:2;transition:width .1s linear;box-shadow:0 0 10px #3b82f680}.youtube-progress:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #3b82f680;opacity:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.youtube-progress-container:hover .youtube-progress:after,.youtube-player-container.controls-visible .youtube-progress:after{transform:translateY(-50%) scale(1.15)}.youtube-progress-buffer{position:absolute;top:0;left:0;height:100%;background:#c0c0c0b3;width:0%;border-radius:2px;z-index:1;transition:width .3s ease}.youtube-played-marker{position:absolute;top:0;width:2px;height:100%;background:#fff;transform:translate(-50%);z-index:5;display:none}.youtube-controls-container{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:20;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:8px 12px 12px;border-radius:0 0 12px 12px}.youtube-player-container:fullscreen .youtube-controls-container,.youtube-player-container:-webkit-full-screen .youtube-controls-container,.youtube-player-container:-moz-full-screen .youtube-controls-container,.youtube-player-container:-ms-fullscreen .youtube-controls-container,:fullscreen .youtube-player-container .youtube-controls-container,::-webkit-full-screen .youtube-player-container .youtube-controls-container,::-moz-full-screen .youtube-player-container .youtube-controls-container,:-ms-fullscreen .youtube-player-container .youtube-controls-container{position:absolute;bottom:0;left:0;right:0;z-index:2147483647;display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,visibility .3s}:fullscreen .youtube-player-container.controls-visible .youtube-controls-container,:fullscreen .youtube-player-container.controls-visible .youtube-progress-container,.youtube-player-container:fullscreen.controls-visible .youtube-controls-container,.youtube-player-container:-webkit-full-screen.controls-visible .youtube-controls-container,.youtube-player-container:-moz-full-screen.controls-visible .youtube-controls-container,.youtube-player-container:-ms-fullscreen.controls-visible .youtube-controls-container,.youtube-player-container:fullscreen.controls-visible .youtube-progress-container,::-webkit-full-screen .youtube-player-container.controls-visible .youtube-controls-container,::-webkit-full-screen .youtube-player-container.controls-visible .youtube-progress-container,::-moz-full-screen .youtube-player-container.controls-visible .youtube-controls-container,::-moz-full-screen .youtube-player-container.controls-visible .youtube-progress-container,:-ms-fullscreen .youtube-player-container.controls-visible .youtube-controls-container,:-ms-fullscreen .youtube-player-container.controls-visible .youtube-progress-container{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.youtube-player-container:fullscreen .youtube-progress-container,.youtube-player-container:-webkit-full-screen .youtube-progress-container,.youtube-player-container:-moz-full-screen .youtube-progress-container,.youtube-player-container:-ms-fullscreen .youtube-progress-container,:fullscreen .youtube-player-container .youtube-progress-container,::-webkit-full-screen .youtube-player-container .youtube-progress-container,::-moz-full-screen .youtube-player-container .youtube-progress-container,:-ms-fullscreen .youtube-player-container .youtube-progress-container{z-index:2147483647;display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}:fullscreen .youtube-player-container.controls-visible .youtube-progress-container,.youtube-player-container:fullscreen.controls-visible .youtube-progress-container,.youtube-player-container:-webkit-full-screen.controls-visible .youtube-progress-container,.youtube-player-container:-moz-full-screen.controls-visible .youtube-progress-container,.youtube-player-container:-ms-fullscreen.controls-visible .youtube-progress-container{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}:fullscreen .youtube-player-container:fullscreen .youtube-progress-container:hover,:fullscreen .youtube-player-container .youtube-progress-container:hover,.youtube-player-container:fullscreen .youtube-progress-container:hover{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}:fullscreen .youtube-player-container.controls-visible .youtube-progress:after,:fullscreen .youtube-player-container .youtube-progress-container:hover .youtube-progress:after,.youtube-player-container:fullscreen.controls-visible .youtube-progress:after,:fullscreen .youtube-player-container:fullscreen .youtube-progress-container:hover .youtube-progress:after{opacity:1!important}:fullscreen .youtube-video-wrapper,::-webkit-full-screen .youtube-video-wrapper,::-moz-full-screen .youtube-video-wrapper,:-ms-fullscreen .youtube-video-wrapper{width:100%!important;height:100%!important;padding-bottom:0!important}:fullscreen .youtube-player-container,::-webkit-full-screen .youtube-player-container,::-moz-full-screen .youtube-player-container,:-ms-fullscreen .youtube-player-container{width:100%!important;height:100%!important;background:#000}.youtube-controls{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;cursor:default}.youtube-controls-left{display:flex;align-items:center;gap:8px;flex:0 1 auto}.youtube-controls-left .youtube-time-display{display:flex;align-items:center;gap:8px;color:#fff;font-size:.8125rem;font-weight:500;white-space:nowrap;margin-left:8px;background:#00000080;padding:6px 12px;border-radius:4px}.youtube-controls-right{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}[dir=rtl] .youtube-controls-right{margin-left:0;margin-right:auto}[dir=rtl] .youtube-controls-left{margin-right:0;margin-left:auto}.youtube-control-btn{background:#00000080;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.youtube-control-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.youtube-control-btn:hover{background:#000000b3;transform:scale(1.1)}.youtube-control-btn:hover:before{opacity:1}.youtube-control-btn:active{transform:scale(.95)}.youtube-control-icon{font-size:1.5rem;color:#fff;width:24px;height:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.youtube-control-btn:hover .youtube-control-icon{transform:scale(1.1)}.youtube-volume-wrapper{background:#00000080;padding:6px 10px;border-radius:4px;display:flex;align-items:center;transition:background .3s cubic-bezier(.4,0,.2,1)}.youtube-volume-wrapper:hover{background:#ffffff26}.youtube-volume-slider{width:52px;height:3px;background:#494949;border-radius:2px;outline:none;-webkit-appearance:none;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}.youtube-volume-slider:hover{width:60px;background:#5a5a5a}.youtube-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0000004d}.youtube-volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d}.youtube-time-display{color:#fff;font-size:.8125rem;font-weight:400;white-space:nowrap}#youtubePlayPauseBtn{width:44px;height:44px}#youtubePlayPauseBtn .youtube-control-icon{font-size:24px;width:24px;height:24px}.youtube-settings-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:#000000d9;border-radius:8px;padding:8px 0;min-width:160px;z-index:100;box-shadow:0 4px 12px #0000004d}[dir=rtl] .youtube-settings-menu{right:auto;left:0}.youtube-settings-option{padding:8px 16px;color:#fff;cursor:pointer;transition:background .2s;font-size:.875rem}.youtube-settings-option:hover{background:#ffffff1a}#youtubeIframeContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:none}:fullscreen #youtubeIframeContainer,::-webkit-full-screen #youtubeIframeContainer,::-moz-full-screen #youtubeIframeContainer,:-ms-fullscreen #youtubeIframeContainer{width:100%!important;height:100%!important}:fullscreen #youtubeIframeContainer iframe,::-webkit-full-screen #youtubeIframeContainer iframe,::-moz-full-screen #youtubeIframeContainer iframe,:-ms-fullscreen #youtubeIframeContainer iframe{width:100%!important;height:100%!important}#youtubeIframeContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%}#customPlayerContainer{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.youtube-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;z-index:15;display:none}#video-info-panel{display:none}#video-info-panel.video-info{display:block}body{font-family:Manrope,sans-serif;color:#000;line-height:1.6;background-color:#fff}.course-player-wrapper{padding:.5rem!important}@media (max-width: 767px){.course-player-wrapper{padding:0!important}}.course-container{animation:fadeIn .6s ease-out;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-header{margin-bottom:2rem;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-header h1{font-family:Crimson Pro,serif;font-size:2.5rem;font-weight:700;color:#212529;margin-bottom:.75rem;letter-spacing:-.02em}.course-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.875rem;color:#000}.course-meta-item{display:flex;align-items:center;gap:.5rem}.course-grid{display:grid;grid-template-columns:1fr 480px;gap:2rem;align-items:start;overflow-x:hidden;width:100%}@media (max-width: 1200px){.course-grid{grid-template-columns:1fr}.course-sidebar{order:-1}}.video-section{animation:slideUp .6s ease-out .2s both;overflow-x:hidden;width:100%;margin-bottom:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-container{background:#000;border:none;border-radius:0;overflow:hidden;box-shadow:none;margin-bottom:1.5rem;transition:box-shadow .3s ease}.video-container:hover{box-shadow:0 10px 15px -3px #0000001a}.video-player{position:relative;aspect-ratio:16/9;background:#000}.video-player video,.video-player iframe{width:100%;height:100%;display:block}.video-info{padding:1.5rem;border-top:1px solid #f8f9fa;background:#fff}.video-title{font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:600;color:#000;margin-bottom:.5rem}.video-description{color:#000;line-height:1.6;max-height:4.5em;overflow:hidden;transition:max-height .3s ease}.video-description.expanded{max-height:none}.description-toggle{background:none;border:none;color:#1e40af;font-weight:600;font-size:.875rem;cursor:pointer;margin-top:.75rem;display:inline-flex;align-items:center;gap:.25rem;padding:0;transition:color .2s}.description-toggle:hover{color:#1e3a8a}.progress-certificate-section{background:#fff;border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000000f;width:100%;box-sizing:border-box}.progress-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem}.progress-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 4px 16px #3b82f64d;flex-shrink:0}.progress-header-content h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.encouragement-text{font-size:1rem;color:#3b82f6;font-weight:600;margin:0}.course-progress-bar{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border:1px solid rgba(59,130,246,.15);border-radius:16px;padding:1.75rem;margin-bottom:1.5rem}.progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.progress-label{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:#475569}.progress-label i{font-size:1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-value{display:flex;align-items:baseline;gap:.375rem}.progress-value .count{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.progress-value .separator{font-size:1.5rem;font-weight:600;color:#cbd5e1;line-height:1}.progress-value .total{font-size:1.5rem;font-weight:600;color:#94a3b8;line-height:1}.progress-value .lessons-text{font-size:.875rem;font-weight:500;color:#64748b;margin-left:.25rem}.progress-bar-wrapper-large{display:flex;align-items:center;gap:1rem}.progress-bar-track-large{flex:1;height:14px;background:#94a3b833;border-radius:99px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-bar-fill-large{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:99px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #3b82f666}.progress-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percentage-large{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:4rem;text-align:right}.certificate-ready{background:linear-gradient(135deg,#22c55e14,#16a34a14);border:2px solid rgba(34,197,94,.3);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;animation:celebrationPulse 2s ease-in-out infinite}@keyframes celebrationPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}.certificate-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 4px 16px #22c55e4d;flex-shrink:0}.certificate-content{flex:1}.certificate-content h4{font-size:1.125rem;font-weight:700;color:#15803d;margin-bottom:.375rem}.certificate-content p{font-size:.9375rem;color:#166534;margin:0}.certificate-download-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.9375rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #22c55e4d}.certificate-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66;color:#fff}.certificate-download-btn i{font-size:1.125rem}.requirements-message{background:linear-gradient(135deg,#f9731614,#ea580c14);border:1px solid rgba(249,115,22,.3);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;color:#c2410c}.requirements-message i{font-size:1.5rem;flex-shrink:0;color:#f97316}.requirements-message p{margin:0;font-size:.9375rem;font-weight:600;color:#c2410c}.video-toast{position:fixed;top:-200px;right:2rem;background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 12px 40px #00000026,0 0 0 1px #3b82f61a;display:flex;align-items:center;gap:1rem;max-width:420px;z-index:10000;transition:all .5s cubic-bezier(.4,0,.2,1);border-left:4px solid #3b82f6;overflow:hidden}.toast-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f61a}.toast-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);width:0%;transition:width 5s linear}.video-toast.show{top:2rem;animation:slideInBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.video-toast.hide{opacity:0;transform:translate(120%)}@keyframes slideInBounce{0%{transform:translate(120%);opacity:0}60%{transform:translate(-10px);opacity:1}80%{transform:translate(5px)}to{transform:translate(0)}}.toast-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #22c55e4d;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #22c55e4d}50%{transform:scale(1.05);box-shadow:0 6px 16px #22c55e66}}.toast-content{flex:1}.toast-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.toast-message{font-size:.875rem;color:#64748b;margin:0;line-height:1.4}.toast-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-close:hover{background:#f1f5f9;color:#64748b}.toast-close i{font-size:1.25rem}@media (max-width: 640px){.video-toast{right:1rem;left:1rem;max-width:none;padding:1rem}.video-toast.show{top:1rem}.toast-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.toast-title{font-size:.9375rem}.toast-message{font-size:.8125rem}}.tabs-section{width:100%}.tabs-header{display:flex;align-items:center;gap:.5rem;padding:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab-button{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:-1px}.tab-button i{font-size:1.125rem}.tab-button.active{color:var(--foreground);border-bottom-color:var(--primary)}.tab-button.active i{color:var(--primary)}.tab-button:hover:not(.active){color:var(--foreground)}.tabs-content-wrapper{width:100%}.tab-content{display:none;animation:tabFadeIn .3s ease}.tab-content.active{display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tabs-header{flex-wrap:nowrap;overflow-x:auto;gap:.25rem;margin-bottom:1rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab-button{flex:0 0 auto;padding:.625rem .875rem;font-size:.8125rem;white-space:nowrap}.tab-button i{font-size:1rem}.tab-content.active{width:100%!important}.quiz-item{flex-direction:column;align-items:flex-start;gap:1rem}.quiz-actions{width:100%}.quiz-actions .btn{width:100%;justify-content:center}.course-info-grid{grid-template-columns:1fr;gap:.75rem}.course-info-card{padding:1rem 1.25rem}.video-player-info{flex-direction:column;align-items:flex-start;gap:.875rem;padding:.875rem 1rem}.video-player-info .instructor-info{width:100%}.video-player-info .course-meta-tags{width:100%;flex-wrap:wrap}.video-player-info .meta-tag{flex:1;justify-content:center;min-width:calc(33.333% - .375rem)}.empty-state{padding:2rem 1.5rem}.progress-certificate-section{padding:1.5rem}.progress-header{flex-direction:column;align-items:flex-start;gap:1rem}.progress-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.progress-header-content h3{font-size:1.25rem}.encouragement-text{font-size:.9375rem}.course-progress-bar{padding:1.5rem}.progress-info{flex-direction:column;align-items:flex-start;gap:.75rem}.certificate-ready{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-download-btn{width:100%;justify-content:center}}@media (max-width: 480px){.quiz-icon{width:3rem;height:3rem;font-size:1.25rem}.quiz-content h4{font-size:1rem}.quiz-content p{font-size:.8125rem}.empty-state-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9375rem}.progress-certificate-section{padding:1.25rem}.progress-icon{width:3rem;height:3rem;font-size:1.5rem}.progress-header-content h3{font-size:1.125rem}.encouragement-text{font-size:.875rem}.course-progress-bar{padding:1.25rem}.progress-label{font-size:.9375rem}.progress-label i{font-size:1.25rem}.progress-value .count{font-size:1.5rem}.progress-value .total{font-size:1.25rem}.progress-value .lessons-text{font-size:.8125rem}.progress-bar-track-large{height:12px}.progress-percentage-large{font-size:1.125rem;min-width:3.5rem}.certificate-icon{width:3rem;height:3rem;font-size:1.5rem}.certificate-content h4{font-size:1rem}.certificate-content p{font-size:.875rem}.certificate-download-btn{padding:.75rem 1.5rem;font-size:.875rem}}.quiz-cta{background:linear-gradient(135deg,#1e40af,#3b82f6,#1e40af);background-size:200% 200%;animation:gradientAnimation 6s ease infinite;color:#fff;padding:2rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.quiz-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #1e40af80}.quiz-cta-icon{width:4rem;height:4rem;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.quiz-cta-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.quiz-cta-content p{font-size:.875rem;opacity:.9;margin-bottom:var(--spacing-md)}.quiz-cta-button{background:#fff;color:#1e40af;border:2px solid #1e40af;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.75rem}.quiz-cta-button:hover{background:#1e40af;color:#fff;transform:scale(1.05)}.course-sidebar{position:sticky;top:2rem;animation:slideLeft .6s ease-out .4s both}@media (min-width: 1200px){.row:has(.course-sidebar){display:flex;flex-wrap:nowrap;align-items:flex-start}.row:has(.course-sidebar)>.col-lg-9{flex:1;max-width:calc(100% - 400px)}.row:has(.course-sidebar)>.col-lg-3{flex:0 0 380px;max-width:380px}}@media (max-width: 1199px){.col-lg-3:has(.course-sidebar){display:none}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-card{background:#fff;border:1px solid rgba(59,130,246,.15);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.sidebar-header{padding:1.75rem;border-bottom:1px solid rgba(59,130,246,.1);background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}.sidebar-header h2{font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.sidebar-header h2 i{font-size:1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-bar{height:8px;background:#94a3b833;border-radius:99px;overflow:hidden;margin-bottom:.875rem;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f666;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-text{font-size:.875rem;color:#64748b;font-weight:600;display:flex;align-items:center;gap:.375rem}.progress-text:before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%}.sidebar-content{max-height:calc(100vh - 60px);overflow-y:auto;padding:.5rem;width:100%;box-sizing:border-box}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:#94a3b81a;border-radius:99px}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:99px;box-shadow:0 2px 4px #3b82f64d}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2563eb,#1e40af)}.accordion-item{margin-bottom:.75rem;border:1px solid rgba(59,130,246,.1);border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease}.accordion-item:hover{border-color:#3b82f633;box-shadow:0 2px 8px #3b82f614}.accordion-trigger{width:100%;padding:1rem 1.25rem;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:Manrope,sans-serif;font-weight:600;font-size:.9375rem;color:#1e293b;transition:all .2s}.accordion-trigger:hover{background:linear-gradient(135deg,#3b82f608,#93c5fd08)}.accordion-trigger.active{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d)}.accordion-trigger-content .title{margin-bottom:.25rem;color:#1e293b;font-weight:700}.accordion-trigger-content .subtitle{font-size:.75rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:.375rem}.accordion-trigger-content .subtitle:before{content:"";width:4px;height:4px;background:#3b82f6;border-radius:50%}.accordion-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:1.25rem;color:#3b82f6}.accordion-trigger.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:#f8fafc66}.accordion-content.active{max-height:max-content}.lesson-item{display:flex;gap:.875rem;padding:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;margin-bottom:.5rem}.lesson-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:0 3px 3px 0;opacity:0;transition:opacity .3s ease}.lesson-item:hover{background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);transform:translate(2px)}.lesson-item:hover:before{opacity:1}.lesson-item.active{background:linear-gradient(135deg,#3b82f61f,#93c5fd14);border:1px solid rgba(59,130,246,.2)}.lesson-item.active:before{opacity:1}.lesson-thumbnail{width:90px;height:50px;border-radius:10px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000001a;border:1px solid rgba(59,130,246,.1)}.lesson-thumbnail-placeholder{width:90px;height:50px;border-radius:10px;background:linear-gradient(135deg,#3b82f614,#93c5fd14);border:1px solid rgba(59,130,246,.15);display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:1.75rem;flex-shrink:0}.lesson-info{flex:1;min-width:0}.lesson-header{display:flex;align-items:start;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.lesson-title{font-size:.875rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.lesson-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b;flex-wrap:wrap;font-weight:500}.lesson-meta i{font-size:.875rem;color:#fff}.lesson-meta>span:first-child{display:flex;align-items:center;gap:.25rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.badge.free{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#1e40af;border:1px solid rgba(59,130,246,.2)}.badge.completed{background:linear-gradient(135deg,#22c55e26,#16a34a26);color:#15803d;border:1px solid rgba(34,197,94,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.btn-primary:hover{background:#fff;color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);border:2px solid var(--color-primary)}.btn-secondary{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.quiz-list{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;box-sizing:border-box}.quiz-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(59,130,246,.15);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.quiz-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.quiz-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.quiz-content{flex:1}.quiz-content h4{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;color:#1e293b;margin-bottom:.375rem}.quiz-content p{font-size:.875rem;color:#64748b}.quiz-actions{display:flex;gap:.75rem}.empty-state{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#3b82f608,#2563eb08);border-radius:16px;border:2px dashed rgba(59,130,246,.2)}.empty-state-icon{font-size:4rem;margin-bottom:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state h3{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:#1e293b;margin-bottom:.625rem}.empty-state p{font-size:1rem;color:#64748b;line-height:1.6;max-width:32rem;margin:0 auto}.course-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.course-info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.course-info-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.course-info-card .info-icon{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--muted);border-radius:8px;flex-shrink:0}.course-info-card .info-icon i{font-size:1.25rem;color:var(--foreground)}.course-info-card .info-content{flex:1;min-width:0}.course-info-card .info-label{font-size:.75rem;font-weight:500;color:var(--muted-foreground);margin-bottom:.25rem;line-height:1}.course-info-card .info-value{font-weight:600;color:var(--foreground);font-size:.9375rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-player-info{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0;margin-bottom:1.5rem;background:transparent;border:none;border-radius:0;box-shadow:none}.video-player-info .instructor-info{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0}.video-player-info .instructor-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}.video-player-info .instructor-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.025em}.video-player-info .instructor-details{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.video-player-info .instructor-label{font-size:.6875rem;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.025em;line-height:1}.video-player-info .instructor-name{font-size:.875rem;font-weight:600;color:var(--foreground);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-player-info .course-meta-tags{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.video-player-info .meta-tag{display:inline-flex;align-items:center;gap:.375rem;padding:0;background:transparent;border:none;border-radius:0;font-size:.75rem;font-weight:500;color:var(--muted-foreground);white-space:nowrap}.video-player-info .meta-tag i{font-size:.875rem;color:var(--muted-foreground)}.fresh-tabs-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.fresh-tabs-list{display:flex;gap:.375rem;padding:.75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.fresh-tab{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex:1;justify-content:center}.fresh-tab:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);z-index:0}.fresh-tab .tab-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#64748b14;border-radius:6px;transition:all .25s cubic-bezier(.4,0,.2,1)}.fresh-tab .tab-icon i{font-size:1rem;color:#64748b;transition:color .25s cubic-bezier(.4,0,.2,1)}.fresh-tab .tab-label{position:relative;z-index:1}.fresh-tab:hover{color:#475569;transform:translateY(-1px)}.fresh-tab:hover:before{opacity:.5}.fresh-tab.active{color:#fff;box-shadow:0 4px 12px #2563eb40}.fresh-tab.active:before{opacity:1}.fresh-tab.active .tab-icon{background:#fff3}.fresh-tab.active .tab-icon i{color:#fff}.fresh-tabs-content{padding:2rem}.modern-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.modern-tabs-list{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 .5rem}.modern-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.modern-tab i{font-size:1.125rem}.modern-tab:hover{color:#475569}.modern-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.modern-tab.active i{color:#2563eb}.modern-tabs-panels{padding:1.5rem}.modern-tab-panel{display:none}.modern-tab-panel.active{display:block}.info-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:1rem}.info-panel:last-child{margin-bottom:0}.info-panel-title{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid #e2e8f0}.info-panel-title i{font-size:1.25rem;color:#2563eb}.info-panel-title h4{font-size:.9375rem;font-weight:600;color:#0f172a;margin:0}.info-panel-body{color:#475569;font-size:.9375rem;line-height:1.75}.expand-link{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:0;background:none;border:none;color:#2563eb;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .2s ease}.expand-link:hover{color:#1d4ed8}.expand-link i{font-size:.875rem}.empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px}.empty-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;margin-bottom:1.25rem;box-shadow:0 2px 8px #0000000f}.empty-icon i{font-size:2rem;color:#94a3b8}.empty-panel h4{font-size:1.0625rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.empty-panel p{font-size:.9375rem;color:#64748b;margin:0;max-width:28rem;line-height:1.6}@media (max-width: 768px){.modern-tabs-list{flex-wrap:nowrap;overflow-x:auto;padding:.5rem;gap:.25rem;-webkit-overflow-scrolling:touch}.modern-tab{flex:0 0 auto;padding:.75rem 1rem;font-size:.8125rem;white-space:nowrap}.modern-tabs-panels{padding:1rem}.fresh-tabs-list{flex-wrap:nowrap;overflow-x:auto;padding:.5rem;gap:.25rem;-webkit-overflow-scrolling:touch}.fresh-tab{padding:.5rem .875rem;font-size:.75rem;white-space:nowrap;min-width:fit-content}.fresh-tab .tab-icon{width:1.5rem;height:1.5rem}.fresh-tab .tab-icon i{font-size:.875rem}.fresh-tabs-content,.info-panel{padding:1rem}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;animation:modalFadeIn .3s ease}.modal.active{display:flex;align-items:center;justify-content:center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#2d3436cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-mist);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-charcoal)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-slate);cursor:pointer;padding:.5rem;transition:color .2s}.modal-close:hover{color:var(--color-charcoal)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--color-mist);display:flex;gap:var(--spacing-md);justify-content:flex-end}@media (max-width: 768px){.course-container{padding:var(--spacing-lg) var(--spacing-md);width:100%}.course-header h1{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.course-grid{display:flex;flex-direction:column;width:100%}.tabs-container{width:100%!important;max-width:100%!important}.video-section{display:flex;flex-direction:column;order:1;width:100%;flex-shrink:0}.video-container{order:1}.quiz-cta{order:2;flex-direction:column;text-align:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.quiz-cta-icon{width:3rem;height:3rem;font-size:1.5rem}.quiz-cta-content h3{font-size:1.125rem}.quiz-cta-content p{font-size:.8125rem;margin-bottom:var(--spacing-sm)}.quiz-cta-button{width:100%;justify-content:center;padding:.875rem 1rem}.tabs-container{order:3}.course-sidebar{order:4}.tabs-header{flex-direction:column}.tab-button{justify-content:flex-start}}.video-modal{position:fixed;inset:100px 0 0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.video-modal.flex{display:flex!important}.video-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.video-modal-content{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:48rem;width:100%;max-height:calc(95vh - 100px);overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.video-modal-header{padding:1.5rem;border-bottom:1px solid var(--color-mist);display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-header-content{display:flex;align-items:center;gap:1rem;flex:1}.modal-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-lg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.modal-title-wrapper{flex:1}.video-modal-title{font-size:1.25rem;font-weight:700;color:var(--color-charcoal);margin:0}.modal-subtitle{font-size:.875rem;color:var(--color-slate);margin:.25rem 0 0}.video-modal-close{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);border:1px solid var(--color-mist);background:var(--color-white);color:var(--color-slate);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.video-modal-close:hover{color:var(--color-primary);border-color:var(--color-primary)}.video-modal-body{padding:1.5rem;max-height:calc(90vh - 250px);overflow-y:auto}.ai-quiz-info{border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;display:flex;gap:1rem}.info-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--color-white);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.info-content h5{font-size:1rem;font-weight:600;color:var(--color-primary);margin:0 0 .5rem}.info-content p{font-size:.875rem;color:var(--color-primary);margin:0 0 .75rem;line-height:1.5}.quiz-length-indicator{display:flex;flex-wrap:wrap;gap:.75rem}.length-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#1e40af;background:#fff;padding:.375rem .75rem;border-radius:var(--radius-md);font-weight:500}.video-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.video-selection-header h5{font-size:1rem;font-weight:600;color:#111827;margin:0}.selection-stats{display:flex;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#64748b}.video-selection-list{max-height:24rem;overflow-y:auto;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:.5rem}.video-selection-item{border-radius:var(--radius-md);transition:background .2s}.video-selection-item:not(.disabled):hover{background:#f9fafb}.video-selection-item.disabled{opacity:.5;cursor:not-allowed}.video-selection-label{display:flex;gap:.75rem;padding:.75rem;cursor:pointer}.video-selection-item.disabled .video-selection-label{cursor:not-allowed}.checkbox-wrapper{display:flex;align-items:center;flex-shrink:0}.video-select-checkbox{width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:var(--radius-sm);cursor:pointer}.video-select-checkbox:checked{background:#2563eb;border-color:#2563eb}.video-selection-info{flex:1}.video-title-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.video-number{font-size:.75rem;font-weight:600;color:#64748b}.video-selection-title{font-size:.875rem;font-weight:500;color:#111827}.video-selection-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.video-selection-badge.transcript-ready{background:#d1fae5;color:#047857}.video-selection-badge.transcript-processing{background:#fef3c7;color:#b45309}.video-selection-badge.no-transcript{background:#fee2e2;color:#b91c1c}.video-meta{display:flex;gap:.75rem;font-size:.75rem;color:#64748b;margin-top:.25rem}.meta-item{display:flex;align-items:center;gap:.25rem}.quiz-language-section{margin-top:1.5rem}.quiz-language-section h5{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.language-option{position:relative;cursor:pointer}.language-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.language-label{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:var(--radius-lg);transition:all .2s;background:#fff}.language-option input[type=radio]:checked+.language-label{border-color:#2563eb;background:#eff6ff}.language-option:hover .language-label{border-color:#cbd5e1}.language-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:#f9fafb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.language-option input[type=radio]:checked+.language-label .language-icon{background:#2563eb;color:#fff}.language-info h6{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem}.language-info p{font-size:.75rem;color:#64748b;margin:0}.video-modal-footer{padding:2rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:1rem;background:#fafafa;min-height:80px}.footer-actions{display:flex;gap:.75rem}@media (min-width: 1200px){.mobile-only-tab,.mobile-only-tab-content{display:none!important}.course-sidebar{display:block!important}}@media (max-width: 1199px){.mobile-only-tab{display:flex!important}.course-sidebar{display:none!important}.mobile-only-tab-content .sidebar-content{max-height:calc(100vh - 180px);overflow-y:auto;min-height:auto;height:auto}.mobile-only-tab-content.active{display:block!important;width:100%!important}}@media (max-width: 576px){.mobile-only-tab-content .sidebar-content{max-height:calc(100vh - 140px);overflow-y:auto}}.certificate-buttons-container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.certificate-share-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);cursor:pointer;border:none}.share-modal-preview{margin-bottom:20px}.share-modal-preview img{width:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a}.share-success-banner{background:#f0fdf4;border:2px solid #86efac;border-radius:8px;padding:16px;margin-bottom:16px}.share-success-banner-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.share-success-icon{color:#16a34a;font-size:20px}.share-success-title{font-weight:700;color:#166534}.share-success-text{font-size:14px;color:#166534;margin:0}.share-instructions-box{text-align:left;background:#eff6ff;border:2px solid #93c5fd;border-radius:8px;padding:16px;margin-bottom:16px}.share-instructions-header{font-weight:700;color:#1e40af;margin-bottom:12px;display:flex;align-items:center;gap:8px}.share-instructions-header i{font-size:20px}.share-instructions-list{margin:0;padding-left:20px;color:#1e40af;font-size:14px;line-height:1.6}.share-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#fff;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;text-decoration:none}.share-social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-social-btn i{font-size:20px}.share-social-btn.facebook{background:#1877f2}.share-social-btn.twitter{background:#1da1f2}.share-social-btn.linkedin{background:#0077b5}.share-social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-download-again-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#6b7280;color:#fff;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s;width:100%;margin-top:12px}.share-download-again-btn:hover{background:#4b5563}.share-download-again-btn i{font-size:20px}.expandable-content{position:relative}.expandable-text{overflow:hidden;transition:max-height .3s ease;line-height:1.7;color:#475569}.expandable-text.collapsed{display:-webkit-box;-webkit-line-clamp:var(--max-lines, 5);-webkit-box-orient:vertical;overflow:hidden}.show-more-btn{background:none;border:none;color:#3b82f6;font-weight:600;font-size:.875rem;cursor:pointer;margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:0;transition:color .2s}.show-more-btn:hover{color:#2563eb}.show-more-btn i{transition:transform .3s ease}.show-more-btn.expanded i{transform:rotate(180deg)}.col-lg-70{width:70%;max-width:70%;flex:0 0 70%}.col-lg-30{width:30%;max-width:30%;flex:0 0 30%}.d-flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.gap-12{gap:3rem!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.m-3{margin:.75rem!important}.mt-3{margin-top:.75rem!important}.mr-3{margin-right:.75rem!important}.mb-3{margin-bottom:.75rem!important}.ml-3{margin-left:.75rem!important}.m-4{margin:1rem!important}.mt-4{margin-top:1rem!important}.mr-4{margin-right:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-4{margin-left:1rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-8{margin-bottom:2rem!important}.p-0{padding:0!important}.text-decoration-none{text-decoration:none!important}.section-divider{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}.content-text{color:#475569;font-size:.9375rem;line-height:1.75}.content-heading{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.icon-check-success{color:var(--color-success);flex-shrink:0;font-size:1.125rem}.modal-hidden{display:none!important}.quiz-link{text-decoration:none;color:inherit}.certificate-section-flat{margin:0;border:none;box-shadow:none;padding:0;background:transparent}.share-social-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fff;border-radius:8px;text-decoration:none;transition:all .2s}.share-social-btn:hover{opacity:.9;transform:translateY(-1px)}.share-facebook{background:#1877f2}.share-twitter{background:#1da1f2}.share-linkedin{background:#0077b5}.share-whatsapp{background:#25d366}.share-icon{font-size:24px}.share-text{font-weight:600}.notification-box{text-align:left}.notification-message{margin-bottom:16px}.notification-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.notification-icon{color:#487bff;font-size:20px}.notification-title{color:#1f2937;font-weight:600}.notification-list{margin:0;padding-left:32px;color:#4b5563}.error-message{font-size:14px;color:#666;margin-top:10px}.download-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.progress-bar-position{position:absolute;bottom:42px;left:0;right:0;padding:0}.btn-mt-6{margin-top:1.5rem}.text-left{text-align:left}.mb-12{margin-bottom:16px}.mb-8px{margin-bottom:8px}.notification-box-gradient{background:linear-gradient(135deg,#487bff1a,#3461db1a);border-radius:12px;padding:16px}.share-copy-btn{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#6b7280;color:#fff;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.share-copy-btn:hover{opacity:.9;transform:translateY(-1px)}@media (min-width: 992px){.sidebar-custom{width:25%!important;max-width:25%!important;flex:0 0 25%!important}.main-content-custom{width:75%!important;max-width:75%!important;flex:0 0 75%!important}}.mobile-sidebar-section{margin-bottom:2rem}.mobile-learn-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.mobile-learn-header{font-size:1.125rem;font-weight:600;color:var(--secondary-foreground);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mobile-learn-content{font-size:.875rem;color:var(--muted-foreground)}.videos-section{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.course-section-wrapper{margin-bottom:1.5rem}.section-header-trigger{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:.5rem;cursor:pointer;border:1px solid var(--border)}.section-header-left{display:flex;align-items:center;gap:.75rem}.section-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.5rem;color:var(--primary)}.section-icon{font-size:1.125rem}.section-title{font-size:1rem;font-weight:600;color:var(--secondary-foreground);margin:0}.section-subtitle{font-size:.875rem;color:var(--muted-foreground);margin:0}.section-toggle-icon{transition:transform .3s}.section-toggle-icon.rotated{transform:rotate(180deg)}.videos-grid{margin-top:1rem}.empty-state-text{font-size:.875rem;color:var(--muted-foreground)}@keyframes playerFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes wrapperScale{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes spinPulse{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) rotate(360deg) scale(1);opacity:1}}@keyframes progressPulse{0%,to{box-shadow:0 0 10px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes playIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(255,255,255,.7))}}