html{scrollbar-color:#4f4f4f #100e17;scrollbar-width:20px;overflow-x:hidden}html::-webkit-scrollbar{width:20px!important;height:20px!important}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f4f4f,#2c2c2c)!important;border-radius:0!important;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25)!important}html::-webkit-scrollbar-track{background:linear-gradient(90deg,#201c29,#201c29 1px,#100e17 0,#100e17)!important}html::-webkit-scrollbar-button{display:none!important}.pinning-header .main-header.menu-navigation{background:transparent!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.pinning-header.scrolled .main-header.menu-navigation,.scrolled .pinning-header .main-header.menu-navigation{background:#000!important}:root{--bg-primary:#141414;--bg-secondary:#181818;--bg-card:#2f2f2f;--text-primary:#fff;--text-secondary:#b3b3b3;--accent-red:#e50914;--accent-hover:#f40612;--border-color:#333;--gradient-overlay:linear-gradient(180deg,hsla(0,0%,8%,.8),hsla(0,0%,8%,.4));--dynamic-bg:#141414;--dynamic-bg-overlay:none;--dynamic-bg-image:none;--dynamic-bg-repeat:no-repeat;--dynamic-bg-size:cover;--dynamic-bg-position:center;--mobile-spacing-xs:8px;--mobile-spacing-sm:12px;--mobile-spacing-md:16px;--mobile-spacing-lg:24px;--mobile-spacing-xl:32px;--mobile-spacing-xxl:40px;--mobile-touch-target:44px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text-primary:#000;--text-secondary:#6c757d;--accent-red:#dc3545;--accent-hover:#c82333;--border-color:#dee2e6;--gradient-overlay:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.4))}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--dynamic-bg);color:var(--text-primary);font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden;position:relative;min-height:100vh}.impersonation-banner{position:fixed;top:0;left:0;right:0;height:36px;background:linear-gradient(90deg,#9c27b0,#7b1fa2);color:#fff;justify-content:center;gap:12px;font-size:13px;z-index:1001;box-shadow:0 2px 8px rgba(156,39,176,.3)}.impersonation-banner,.impersonation-icon,.impersonation-text{display:flex;align-items:center}.impersonation-text{gap:4px}.impersonation-text strong{font-weight:600}.stop-impersonating-btn{padding:4px 12px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.stop-impersonating-btn:hover{background:hsla(0,0%,100%,.3)}.header{top:0;width:100%;background:transparent;padding:0 4%;height:68px;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.with-impersonation{top:36px}.header.scrolled{background:#000;backdrop-filter:blur(8px)}.nav{justify-content:space-between;width:100%;height:100%}.logo,.nav{display:flex;align-items:center}.logo img{display:block;height:44px;width:auto}.nav-links{display:flex;gap:30px;list-style:none;margin-left:32px}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--text-secondary)}.settings-btn{display:none;background:var(--accent-red);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.settings-btn:hover{background:var(--accent-hover)}.header-cta{background:#0046dd;color:#fff;text-decoration:none;padding:8px 20px;border:none;border-radius:4px;font-weight:600;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;white-space:nowrap;cursor:pointer}.header-cta:hover{background:#05f;transform:scale(1.02)}.header-auth-buttons{display:flex;align-items:center;gap:16px}.header-login-link{color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;transition:opacity .2s ease}.header-login-link:hover{opacity:.8}.header-icons-group{display:flex;align-items:center;gap:4px;margin-left:auto}.header-icon-btn{position:relative;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.header-icon-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.header-icon-badge{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.dm-btn .header-icon-badge{background:#3b82f6}.queue-btn,.user-menu-wrapper{display:flex;align-items:center}.queue-btn{position:relative;background:transparent;border:none;color:#888;cursor:pointer;padding:8px;border-radius:6px;gap:8px;transition:all .15s ease}.queue-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.queue-btn.active{color:var(--accent-red);background:rgba(229,9,20,.1)}.queue-btn.has-items{color:#fff}.queue-btn svg{flex-shrink:0}.queue-label{font-size:14px;font-weight:500;white-space:nowrap}.queue-badge{position:absolute;top:2px;left:22px;background:var(--accent-red);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.dm-btn-container{position:relative;margin-right:8px}.dm-btn{position:relative;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.dm-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.dm-btn.active{color:#3b82f6;background:rgba(59,130,246,.1)}.dm-btn.has-unread{color:#fff}.dm-btn svg{flex-shrink:0}.dm-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:#3b82f6;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.queue-label{display:none}.queue-btn{padding:8px}.queue-badge{left:auto;right:2px}}.mobile-login-link{color:#fff;text-decoration:none;font-size:1.1rem}.mobile-cta{display:inline-block;background:var(--accent-red)!important;color:#fff!important;padding:14px 28px!important;border-radius:6px;font-weight:600;text-align:center;margin-top:10px}.setting-item{margin:12px 0}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.95rem;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer}.checkbox-label .checkmark{display:inline-block}.setting-item .setting-description{display:block;margin:4px 0 0 28px;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.hero-mode-selector,.hero-override-input,.search-method-selector{width:100%;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:var(--text-primary);font-size:.9rem;margin-top:8px}.hero-override-input{font-family:monospace}.hero-mode-selector:focus,.hero-override-input:focus,.search-method-selector:focus{outline:none;border-color:var(--accent);background:hsla(0,0%,100%,.15)}.manual-override-settings{margin-top:16px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.btn-apply-override{margin-top:16px;width:100%;padding:10px 20px;background:var(--accent);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-apply-override:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-apply-override:active{transform:translateY(0)}.setting-sublabel{font-size:.85rem;color:var(--text-secondary);margin-bottom:4px}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary)}.empty-state h2{color:var(--text-primary);margin-bottom:12px;font-size:1.8rem}.empty-state p{font-size:1.1rem;max-width:500px;margin:0 auto}.settings-panel{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--bg-secondary);z-index:2000;padding:20px;transition:right .3s ease;border-left:1px solid var(--border-color)}.settings-panel.open{right:0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.close-settings{background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.setting-group{margin-bottom:25px}.setting-label{display:block;margin-bottom:10px;font-weight:500}.display-mode-selector,.mode-selector,.theme-selector{width:100%;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.setting-description{display:block;margin-top:5px;font-size:.8rem;color:var(--text-secondary);font-style:italic}.setting-sublabel{font-weight:500;margin-bottom:8px;display:block}.hero-video-selector,.setting-sublabel{font-size:.9rem;color:var(--text-primary)}.hero-video-selector{width:100%;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.category-display-control{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 12px;background:var(--bg-card);border-radius:4px;border:1px solid var(--border-color)}.category-name{font-weight:500;min-width:120px}.category-mode-selector{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:3px;padding:4px 8px;color:var(--text-primary);font-size:.85rem}.main-content{margin-top:80px;padding:0}.main-content.hero-flush-top{margin-top:0}.hero{position:relative;width:100vw;height:100vh;background-color:#000;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:scroll;display:flex;align-items:center;margin-bottom:0;padding:0;z-index:1}.hero:not([style*=background-image]){background:linear-gradient(90deg,#000,rgba(0,0,0,.92),rgba(0,0,0,.85),rgba(0,0,0,.8),rgba(0,0,0,.6),rgba(0,0,0,.4),rgba(0,0,0,.2),transparent,transparent,transparent,transparent)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.92),rgba(0,0,0,.82),rgba(0,0,0,.75),rgba(0,0,0,.63),rgba(0,0,0,.4),rgba(0,0,0,.2),rgba(0,0,0,.1),transparent,transparent,transparent,transparent,transparent,transparent);z-index:1;pointer-events:none}.hero-content{position:absolute;z-index:2;max-width:600px;left:4%;bottom:300px;padding:0}.hero-background,.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video-container{overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1;display:none}.hero.video-hero{background-image:none!important;background:#000}.hero.video-hero .hero-video,.hero.video-hero .hero-video-container .hero-video{display:block;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover}.hero.video-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.4),rgba(0,0,0,.2))}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:20px;line-height:1.1;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-description{font-size:clamp(1rem,2vw,1.3rem);margin-bottom:30px;color:var(--text-secondary);line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.8);max-width:600px}.hero-buttons{display:flex;gap:15px}.btn-info,.btn-play{padding:15px 30px;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.btn-play{background:#fff;color:#000}.btn-play:hover{background:hsla(0,0%,100%,.8)}.btn-info{background:hsla(240,0%,43%,.7);color:#fff}.btn-info:hover{background:hsla(240,0%,43%,.5)}@media (max-width:1200px){.hero{height:100vh;min-height:500px;background-attachment:scroll}.hero-content{left:4%;bottom:150px;max-width:550px}}@media (max-width:768px){.hero{height:100vh;min-height:400px;padding:0}.hero-content{left:20px;right:20px;bottom:100px;max-width:calc(100% - 40px);text-align:center;padding:0}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:15px}.hero-description{font-size:clamp(.9rem,4vw,1.1rem);margin-bottom:25px}.hero-buttons{justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.hero{height:56.25vw;max-height:45vh;min-height:300px}.hero-content{padding:15px 0}.btn-info,.btn-play{padding:12px 20px;font-size:1rem;width:100%;margin-bottom:10px}.hero-buttons{flex-direction:column;gap:10px}.hero-mobile{padding:60px 0 50px}.mobile-hero-title{font-size:28px;max-width:100%;word-wrap:break-word}.mobile-hero-buttons{flex-direction:column;gap:10px;width:100%;max-width:none;padding:0 16px}.mobile-btn-mylist,.mobile-btn-play{width:100%}.hero-continue-watching-overlay{padding:40px 0 10px;bottom:0}.hero-continue-watching-overlay .row-title{font-size:1.2rem;margin-bottom:15px}.hero-continue-watching-overlay .course-card{flex:0 0 240px}.hero-continue-watching-overlay .course-slider{gap:12px}}.content-row{margin-bottom:3vw;position:relative}.overlap-hero{z-index:4;margin-top:var(--hero-overlap,-23vh);position:relative;padding-top:40px}@media (max-width:768px){.overlap-hero{margin-top:0!important;padding-top:40px;z-index:1}}.row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vw;padding:0 4%}.row-title{font-size:1.65rem;font-weight:600}.row-title-link{color:inherit;text-decoration:none;transition:color .2s ease}.row-title-link:hover{color:#e5e5e5}.view-all{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.view-all:hover{color:var(--text-primary)}.slider-container{position:relative;overflow:hidden;padding:0 4%}.slider-mask{overflow-x:hidden;padding-bottom:1px;scrollbar-width:none;-ms-overflow-style:none}.slider-mask::-webkit-scrollbar{display:none}.course-slider{display:flex;transition:transform .5s ease;gap:.5vw;scrollbar-width:none;-ms-overflow-style:none}.course-slider::-webkit-scrollbar{display:none}.slider-nav{position:absolute;top:0;bottom:0;width:4%;z-index:10;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,8%,.5);cursor:pointer;opacity:0;transition:opacity .3s ease}.slider-container:hover .slider-nav{opacity:1}.slider-nav.prev{left:0}.slider-nav.next{right:0}.slider-nav:hover{background:hsla(0,0%,8%,.8)}.nav-arrow{font-size:3vw;color:#fff}.course-card{position:relative;background:var(--bg-card);border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color);flex:0 0 calc(20% - 0.4vw);margin-right:.5vw;scrollbar-width:none;-ms-overflow-style:none}.course-card::-webkit-scrollbar{display:none}.course-card:last-child{margin-right:0}@media (max-width:1400px){.course-card{flex:0 0 calc(25% - 0.375vw)}}@media (max-width:1100px){.course-card{flex:0 0 calc(33.333% - 0.333vw)}}@media (max-width:800px){.course-card{flex:0 0 calc(50% - 0.25vw)}}@media (max-width:500px){.course-card{flex:0 0 100%;margin-right:0}}.course-card:hover{transform:scale(1.05);z-index:10;box-shadow:0 20px 40px rgba(0,0,0,.5)}.course-thumbnail{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.course-thumbnail img{-o-object-fit:cover;object-fit:cover;z-index:1;opacity:1}.course-thumbnail img,.hover-video-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.hover-video-container{z-index:2;opacity:0;overflow:hidden}.hover-video,.hover-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-card:hover .hover-video,.course-card:hover .hover-video-container{opacity:1}.course-card:hover .course-thumbnail img{opacity:.3}.course-info{padding:15px}.course-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.course-duration{color:var(--text-secondary);font-size:.9rem}.course-progress{color:var(--accent-red);font-size:.9rem;font-weight:500}.course-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.2);overflow:hidden}.progress-fill{height:100%;background:var(--accent-red);transition:width .3s ease}.course-card.individual-video{flex-direction:column}.course-card.individual-video .course-info{padding:15px}.course-card.individual-video .course-description{display:block;margin-top:8px;font-size:.85rem;color:var(--text-secondary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.course-card.individual-video:hover .play-overlay{opacity:1}.play-icon{color:#fff;font-size:20px;margin-left:4px}.course-card.course-row{position:relative}.lesson-number{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;z-index:2}.course-card.course-row .course-meta .lesson-status{color:var(--accent-red);font-weight:500}@media (max-width:800px){.course-card.individual-video .course-description{-webkit-line-clamp:2;line-clamp:2}.play-overlay{width:50px;height:50px}.play-icon{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:none;align-items:flex-start;justify-content:center;z-index:1000;overflow-y:auto;padding:50px 0}.modal-overlay.show{display:flex}.modal-content{background:var(--bg-secondary);width:90%;max-width:900px;min-height:auto;border-radius:8px;overflow:visible;position:relative;display:flex;flex-direction:column;margin:0 auto;box-shadow:0 8px 32px rgba(0,0,0,.6)}.modal-video{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;flex-shrink:0;border-radius:8px 8px 0 0}.modal-video video,.modal-video-container,.modal-video-container video{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video video,.modal-video-container video{-o-object-fit:cover;object-fit:cover}.modal-info{padding:30px;flex:1;overflow:visible;min-height:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-info::-webkit-scrollbar{display:none}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-title{font-size:2rem;font-weight:700;flex:1;margin:0}.modal-close{position:absolute;top:20px;right:20px;z-index:100;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:0;line-height:1;backdrop-filter:blur(5px);transition:all .3s ease}.modal-close:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5);transform:scale(1)}.modal-buttons{display:flex;gap:15px;margin-bottom:20px}.modal-description{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-info::-webkit-scrollbar{width:6px}.modal-info::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.modal-info::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.modal-info::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.modal-info{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.course-lessons{margin-top:30px}.lessons-title{font-size:1.3rem;font-weight:600;margin-bottom:15px}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.lesson-item:last-child{border-bottom:none}.lesson-info{flex:1}.lesson-title{font-weight:500;margin-bottom:4px}.lesson-duration{color:var(--text-secondary);font-size:.9rem}.lesson-status{color:var(--accent-red);font-size:.9rem;font-weight:500}.modal-notes-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.notes-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--text-secondary);font-size:.9rem}.loading-spinner{width:20px;height:20px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--accent-red);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notes-content{color:var(--text-primary);line-height:1.6;font-size:.95rem}.notes-content h1,.notes-content h2,.notes-content h3,.notes-content h4,.notes-content h5,.notes-content h6{color:var(--text-primary);margin:20px 0 12px;font-weight:600;line-height:1.3}.notes-content h1{font-size:1.5rem}.notes-content h2{font-size:1.3rem}.notes-content h3{font-size:1.2rem}.notes-content h4{font-size:1.1rem}.notes-content h5{font-size:1.05rem}.notes-content h6{font-size:1rem}.notes-content ol,.notes-content p,.notes-content ul{margin:12px 0;color:var(--text-secondary)}.notes-content ol,.notes-content ul{padding-left:20px}.notes-content li{margin:6px 0}.notes-content blockquote{margin:16px 0;padding:12px 16px;background:hsla(0,0%,100%,.05);border-left:4px solid var(--accent-red);border-radius:0 4px 4px 0;color:var(--text-secondary);font-style:italic}.notes-content code{background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:var(--text-primary)}.notes-content pre{background:hsla(0,0%,100%,.05);padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0;border:1px solid var(--border-color)}.notes-content pre code{background:none;padding:0;border-radius:0;font-size:.85rem}.notes-content a{color:var(--accent-red);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.notes-content a:hover{border-bottom-color:var(--accent-red)}.notes-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.notes-content td,.notes-content th{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.notes-content th{background:hsla(0,0%,100%,.05);font-weight:600;color:var(--text-primary)}.notes-content td{color:var(--text-secondary)}.notes-content hr{margin:24px 0;border:none;height:1px;background:var(--border-color)}.notes-error{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--accent-red);font-size:.9rem;background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.2);border-radius:6px}@media (max-width:768px){.modal-notes-section{margin-top:20px;padding-top:20px}.notes-loading{padding:20px 16px;font-size:.85rem}.loading-spinner{width:16px;height:16px}.notes-content{font-size:.9rem;line-height:1.5}.notes-content h1{font-size:1.3rem}.notes-content h2{font-size:1.2rem}.notes-content h3{font-size:1.1rem}.notes-content h4,.notes-content h5,.notes-content h6{font-size:1rem}.notes-content blockquote{margin:12px 0;padding:10px 14px}.notes-content pre{padding:12px;margin:12px 0}.notes-content pre,.notes-content table{font-size:.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.notes-content table{display:block;white-space:nowrap}.notes-content td,.notes-content th{padding:6px 10px;min-width:80px}.notes-error{padding:16px;font-size:.85rem}}.hero-mobile{display:none;background:var(--dynamic-bg);padding:80px 0 0;width:100%;position:relative;min-height:auto}.mobile-hero-container{padding:0 16px;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.mobile-hero-label{color:var(--text-secondary);font-size:17px;font-weight:700;margin-bottom:0}.mobile-hero-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-bottom:20px}.mobile-hero-poster{width:280px;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);position:relative;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center}.mobile-hero-poster img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.05);transition:opacity .3s ease}.mobile-hero-poster img:not([src]),.mobile-hero-poster img[src*=placeholder],.mobile-hero-poster img[src=""]{opacity:0}.mobile-hero-info{width:100%;display:flex;flex-direction:column;gap:12px}.mobile-hero-title{font-size:32px;font-weight:700;margin-bottom:0;color:var(--text-primary);letter-spacing:-.5px;line-height:1.2;min-height:auto}.mobile-hero-tagline{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:14px;margin-bottom:0}.mobile-hero-tagline .bullet{font-size:10px;opacity:.6}.mobile-hero-buttons{display:flex;gap:12px;width:100%;max-width:320px;margin:20px auto 0;padding-bottom:20px}.mobile-btn-mylist,.mobile-btn-play{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;min-height:var(--mobile-touch-target);border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-btn-play{background:#fff;color:#000}.mobile-btn-play:active{transform:scale(.98);background:#e6e6e6}.mobile-btn-mylist{background:hsla(0,0%,100%,.2);color:#fff;backdrop-filter:blur(10px)}.mobile-btn-mylist:active{transform:scale(.98);background:hsla(0,0%,100%,.3)}.mobile-btn-mylist svg,.mobile-btn-play svg{width:20px;height:20px}@media (max-width:768px){.hero-desktop{display:none!important}.hero-mobile{display:block!important}#contentSections>.content-row:first-child,#continueWatchingSection{margin-top:0!important;padding-top:40px;position:relative;z-index:1}}@media (min-width:769px){.hero-desktop{display:block!important}.hero-mobile{display:none!important}}#contentSections>.content-row:first-child,#continueWatchingSection{z-index:4;margin-top:var(--hero-overlap,-23vh);position:relative;padding-top:40px}#contentSections>.content-row:first-child .row-title,#continueWatchingSection .row-title{color:#fff;text-shadow:2px 2px 8px #000}@media (min-width:1900px){.hero-content{bottom:380px}}@media (max-width:1899px) and (min-width:1200px){.hero-content{bottom:360px}}@media (max-width:1199px) and (min-width:1024px){.hero-content{bottom:340px;max-width:550px}}.hero-volume-btn{position:absolute;bottom:280px;right:4%;z-index:9999;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(5px);transition:all .3s ease;pointer-events:auto}.hero.video-hero .hero-volume-btn{opacity:1;visibility:visible}.hero-volume-btn:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.hero-volume-btn svg{width:20px;height:20px;fill:#fff}.hero-callout-btn{position:absolute;bottom:280px;right:calc(4% + 60px);z-index:9999;background:rgba(0,0,0,.2);background:rgba(51,51,51,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:6px;height:44px;padding:0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(5px);transition:all .3s ease;pointer-events:auto;min-width:60px}.hero.video-hero .hero-callout-btn{opacity:1;visibility:visible}.hero-callout-btn:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.5)}.hero-callout-line1{font-size:12px;font-weight:600;margin-bottom:3px;text-align:right!important}.hero-callout-line1,.hero-callout-line2{color:#fff;text-transform:uppercase;line-height:1}.hero-callout-line2{font-size:17px;font-weight:700;text-align:center}.hover-video-volume-btn{position:absolute;bottom:8px;right:8px;z-index:100;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s ease;backdrop-filter:blur(3px);pointer-events:auto}.course-card:hover .hover-video-volume-btn{opacity:1}.course-card:not(:hover) .hover-video-volume-btn{opacity:0;pointer-events:none}.hover-video-volume-btn:hover{background:rgba(0,0,0,.9);border-color:hsla(0,0%,100%,.4);transform:scale(1.1)}.hover-video-volume-btn svg{width:12px;height:12px;fill:#fff}.card-queue-container{position:absolute;top:8px;right:8px;z-index:10}.card-queue-btn{width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(4px)}.card-queue-btn:hover{background:rgba(0,0,0,.9);border-color:hsla(0,0%,100%,.4);transform:scale(1.1)}.card-queue-btn.in-queue{background:rgba(76,175,80,.8);border-color:rgba(76,175,80,.5)}.card-queue-btn svg{width:16px;height:16px}.card-queue-menu{position:absolute;top:100%;right:0;margin-top:4px;background:hsla(0,0%,8%,.98);border:1px solid #333;border-radius:8px;overflow:hidden;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.5);animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-queue-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;color:#ddd;font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left}.card-queue-menu button:hover{background:hsla(0,0%,100%,.1);color:#fff}.card-queue-menu button:first-child{border-bottom:1px solid #333}.card-queue-menu button svg{flex-shrink:0}.modal-volume-btn{position:absolute;bottom:55px;right:20px;z-index:1001;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;width:44px;height:44px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.modal-volume-btn:hover{background:rgba(0,0,0,.8);border-color:#fff;transform:scale(1.1)}.modal-volume-btn svg{width:18px;height:18px;fill:#fff}.continue-watching .course-card{border:2px solid var(--accent-red)}.continue-watching .course-card:before{content:"";position:absolute;top:10px;left:10px;background:var(--accent-red);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;z-index:1;content:"CONTINUE"}.modal-video .plyr,.modal-video .plyr__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video .plyr video{position:absolute;top:0;left:0;width:100%!important;height:100%!important;-o-object-fit:cover;object-fit:cover}.plyr{--plyr-color-main:#0046dd!important}.plyr--video .plyr__control--overlaid,.plyr__control--overlaid{background:rgba(0,70,221,.9)!important;background-color:#0046dd!important}.plyr__control--overlaid:hover,.plyr__progress__played{background:#0046dd!important}.plyr__progress input[type=range]::-webkit-slider-thumb{background:#0046dd!important}.plyr__progress input[type=range]::-moz-range-thumb{background:#0046dd!important}.plyr__volume input[type=range]::-webkit-slider-thumb{background:#0046dd!important}.plyr__volume input[type=range]::-moz-range-thumb{background:#0046dd!important}.plyr__volume__display:after{background-color:#0046dd!important}.plyr__volume input[type=range]{color:#0046dd!important}.plyr--video .plyr__control:hover,.plyr__control.plyr__tab-focus,.plyr__control:hover,.plyr__control[aria-expanded=true]{background-color:#0046dd!important}.plyr__controls .plyr__control{background:transparent!important;color:#fff!important}.plyr__control svg,.plyr__control:hover svg,.plyr__control[aria-expanded=true] svg{fill:#fff!important}.plyr__progress__buffer{background:hsla(0,0%,100%,.2)!important}.plyr__time{color:#fff!important}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}.plyr--video .plyr__progress input[type=range],.plyr--video .plyr__volume input[type=range]{color:#0046dd!important;background:transparent!important}.plyr__volume input[type=range]::-webkit-slider-track{background:#fff!important}.plyr__volume input[type=range]::-moz-range-track{background:#fff!important}.plyr__progress input[type=range]::-webkit-slider-track{background:#fff!important}.plyr__progress input[type=range]::-moz-range-track{background:#fff!important}.course-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;z-index:3;text-transform:uppercase}.badge-new{background:#46d369;color:#fff}.badge-trending{background:#e50914;color:#fff}.badge-premium{background:#f5c518;color:#000}.slider-pagination{display:flex;justify-content:center;gap:8px;margin-top:20px;padding:0 4%}.page-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);cursor:pointer;transition:all .3s ease}.page-dot.active{background:var(--text-primary);transform:scale(1.2)}#fullscreenVideoOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:1000000;display:flex;flex-direction:column}.fullscreen-video-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.fullscreen-video-header{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);display:flex;align-items:center;padding:0 30px;z-index:10001;pointer-events:auto}.admin-analytics-button{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(139,92,246,.9);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.admin-analytics-button:hover{background:#8b5cf6;transform:scale(1.02)}.admin-analytics-button svg{flex-shrink:0}.back-button{background:none;border:none;color:#fff;cursor:pointer;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-right:20px}.back-button:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)}.back-button svg{width:28px;height:28px}.fullscreen-video-title{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.fullscreen-video-player{flex:1;width:100%;height:100%;position:relative}.fullscreen-video-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.fullscreen-video-player .plyr,.fullscreen-video-player .plyr__video-wrapper{width:100%;height:100%}.fullscreen-video-player .plyr video{width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain}#fullscreenVideoOverlay .plyr__control[data-plyr=fullscreen]{display:none!important}#fullscreenVideoOverlay .plyr__controls{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));padding:20px 30px}#fullscreenVideoOverlay .plyr__control{color:#fff}#fullscreenVideoOverlay .plyr__control:hover{background:hsla(0,0%,100%,.1)!important}#fullscreenVideoOverlay .plyr__poster{background-size:contain;background-repeat:no-repeat;background-position:50%}@media (max-width:768px){.fullscreen-video-header{height:60px;padding:0 20px}.fullscreen-video-title{font-size:1.2rem}.back-button{padding:8px;margin-right:15px}.back-button svg{width:24px;height:24px}}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;flex-direction:column;padding:12px;gap:4px;z-index:1001;border-radius:8px;transition:background-color .2s ease}.hamburger-menu:active{background:hsla(0,0%,100%,.1)}.hamburger-line{width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.98);backdrop-filter:blur(15px);z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;isolation:isolate;transform:translateZ(0);will-change:opacity,visibility}.mobile-menu-overlay.active{opacity:1;visibility:visible}.header{opacity:1;pointer-events:auto;transform:translateY(0);position:fixed;z-index:1000}.mobile-menu-overlay.active~.header .nav-links,.mobile-menu-overlay.active~.header .settings-btn{opacity:0;pointer-events:none}.mobile-menu-overlay.active~.header .hamburger-menu,.mobile-menu-overlay.active~.header .logo{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.hamburger-menu,.logo{opacity:1;visibility:visible}.mobile-menu-overlay.active{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:rgba(0,0,0,.98)!important}.mobile-menu-content{text-align:center;max-width:300px;width:90%}.mobile-menu-header{display:flex;justify-content:center;align-items:center;padding:0 0 40px;position:relative}.mobile-menu-header .mobile-menu-close{position:absolute;top:-10px;right:0;transform:none}.mobile-menu-header img{margin:0 auto}.mobile-menu-close{background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.2);color:#fff;cursor:pointer;padding:12px;line-height:1;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:48px;height:48px;backdrop-filter:blur(10px)}.mobile-menu-close:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);transform:scale(1.05)}.mobile-menu-close:active{background:hsla(0,0%,100%,.2);transform:scale(.95)}.mobile-menu-close svg{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.mobile-menu-close svg line{stroke:#fff;stroke-width:2.5px;stroke-linecap:round}.mobile-nav-links{list-style:none;padding:0;margin:0}.mobile-nav-links li{margin:0 0 30px}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:1.4rem;font-weight:500;display:block;padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.mobile-nav-links a:hover{color:var(--primary-color);background:hsla(0,0%,100%,.05)}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block!important}.hamburger-menu,.mobile-only.hamburger-menu,.mobile-only.modal-actions,.mobile-only.modal-mute-button{display:flex!important}.hamburger-menu{position:relative;z-index:1002}.desktop-nav,.desktop-settings{display:none!important}.nav{justify-content:space-between}.hero-content{margin-left:0;padding:20px 0;text-align:center}.hero-title{font-size:clamp(2rem,6vw,3rem)}.hero-description{font-size:clamp(.9rem,3vw,1.1rem)}.hero-buttons{justify-content:center;flex-wrap:wrap;gap:10px}.settings-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:none;height:100vh;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);z-index:1002;padding:20px;box-sizing:border-box;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease}.settings-panel.open{transform:translateX(0)}.settings-panel .settings-header{position:sticky;top:0;background:rgba(0,0,0,.9);margin:-20px -20px 20px;padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.settings-panel .close-settings{font-size:2.5rem;background:none;border:none;color:#fff;cursor:pointer;padding:12px;margin:-12px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.settings-panel .close-settings:hover{background:hsla(0,0%,100%,.1);border-radius:50%}.settings-panel .setting-group{margin-bottom:25px;padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.settings-panel .setting-label{font-size:1.1rem;margin-bottom:10px;display:block}.settings-panel select{width:100%;padding:12px;font-size:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;margin-bottom:5px}.settings-panel .setting-description{font-size:.9rem;color:hsla(0,0%,100%,.7);margin-top:5px}.modal-overlay{padding:0;overflow-x:hidden;overflow-y:auto;align-items:flex-start}.modal-content{width:100%;max-width:100%;min-height:100vh;margin:0;border-radius:0;background:var(--bg-primary);display:flex;flex-direction:column}.modal-video{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:0;flex-shrink:0}.modal-video video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-close{position:absolute;top:16px;right:16px;z-index:1001;background:rgba(0,0,0,.7);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;padding:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.modal-close:active{transform:scale(.95);background:rgba(0,0,0,.9)}.modal-mute-button{position:absolute;bottom:16px;right:16px;z-index:1001;background:rgba(0,0,0,.7);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;padding:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.modal-mute-button:active{transform:scale(.95);background:rgba(0,0,0,.9)}.modal-info{padding:20px 16px;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}}@media (max-width:768px){.modal-info::-webkit-scrollbar{display:none}.modal-header{display:block;margin-bottom:16px}.modal-title{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}.modal-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.modal-metadata .badge{background:hsla(0,0%,100%,.1);padding:4px 12px;border-radius:4px;font-size:12px;color:var(--text-secondary);white-space:nowrap}.modal-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}.modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.modal-buttons .btn-info,.modal-buttons .btn-play{width:100%;padding:16px;font-size:16px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-buttons .btn-play{background:var(--accent-red);color:#fff}.modal-buttons .btn-play:active{transform:scale(.98);background:var(--accent-hover)}.modal-buttons .btn-info{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.modal-buttons .btn-info:active{transform:scale(.98);background:hsla(0,0%,100%,.15)}.modal-progress{background:hsla(0,0%,100%,.05);border-radius:8px;padding:16px;margin-bottom:24px}.modal-progress-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.modal-progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.modal-progress-fill{height:100%;background:var(--accent-red);width:45%;transition:width .3s ease}.course-lessons{margin-top:0;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.lessons-title{font-size:18px;font-weight:600;margin-bottom:16px}.lesson-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;transition:background .2s ease}.lesson-item:active{background:hsla(0,0%,100%,.05)}.lesson-info{flex:1;margin-right:12px}.lesson-title{font-size:14px;font-weight:500;margin-bottom:4px;line-height:1.3}.lesson-duration{font-size:12px;color:var(--text-secondary)}.lesson-status{font-size:12px;color:var(--accent-red);font-weight:500}.modal-actions{display:flex;justify-content:space-around;padding:24px 0;border-top:1px solid hsla(0,0%,100%,.1);margin-top:32px}.modal-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:8px;transition:color .2s ease}.modal-action-btn:active{color:var(--text-primary)}.modal-action-btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none}.desktop-only,.header-icons-group{display:none!important}body.modal-open{overflow:hidden;position:fixed;width:100%}.modal-video .plyr{width:100%;height:100%;position:absolute;top:0;left:0}.modal-video .plyr video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-video .plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(10px)}.modal-video .plyr:not(.plyr--hide-controls) .plyr__controls{opacity:1;pointer-events:all;transform:translateY(0)}.modal-video .plyr__controls{padding:10px;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}.modal-video .plyr__control{padding:10px}.modal-video .plyr__menu,.modal-video .plyr__volume{display:none}.modal-mute-button{z-index:10}}.video-error-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:rgba(0,0,0,.8);padding:20px;border-radius:8px;display:none;z-index:100;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.video-error-container button{padding:8px 16px;background:var(--accent-red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s ease}.video-error-container button:hover{background:var(--accent-hover)}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.play-button-overlay,.play-button-overlay button{display:flex;align-items:center;justify-content:center}.play-button-overlay button{background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:80px;height:80px;cursor:pointer;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease}.play-button-overlay button:hover{background:#fff;transform:scale(1.1)}.play-button-overlay button:active{transform:scale(.95)}video[webkit-playsinline]{-webkit-playsinline:true}video{background:#000}.fullscreen-video-player,.modal-video{position:relative;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.video-error-container{padding:16px;margin:16px;max-width:calc(100vw - 32px)}.play-button-overlay button{width:60px;height:60px;font-size:20px}video{width:100%!important;height:auto!important;-o-object-fit:contain;object-fit:contain}.fullscreen-video-player video,.modal-video video{max-height:50vh}}.orientation-prompt{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px)}.orientation-prompt-content{text-align:center;color:#fff;padding:40px 20px;max-width:400px;position:relative}.orientation-icon{font-size:4rem;margin-bottom:20px;transform:rotate(90deg);transition:transform .5s ease}.orientation-message{font-size:1.5rem;font-weight:600;margin-bottom:30px;line-height:1.4}.orientation-animation{margin:30px 0}.phone-icon{display:inline-block;width:60px;height:100px;border:3px solid #fff;border-radius:12px;position:relative;margin:0 20px}.phone-icon:before{top:8px;height:3px;background:#fff;border-radius:2px}.phone-icon:after,.phone-icon:before{content:"";position:absolute;left:50%;transform:translateX(-50%);width:20px}.phone-icon:after{bottom:8px;height:20px;border:2px solid #fff;border-radius:50%}.rotate-phone{animation:rotatePhone 2s ease-in-out infinite}@keyframes rotatePhone{0%,20%{transform:rotate(0deg)}50%,70%{transform:rotate(90deg)}to{transform:rotate(0deg)}}.orientation-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.orientation-close:hover{background:hsla(0,0%,100%,.1)}.rotation-hint{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);animation:fadeInOut 6s ease-in-out;z-index:1000}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}}#fullscreenVideoOverlay{transition:all .3s ease}#fullscreenVideoOverlay.orientation-portrait{background:#000}#fullscreenVideoOverlay.orientation-portrait .fullscreen-video-player.portrait-layout{padding:60px 0 0;display:flex;flex-direction:column;height:100vh}#fullscreenVideoOverlay.orientation-portrait .fullscreen-video-player.portrait-layout video{width:100vw;height:auto;max-height:60vh;-o-object-fit:contain;object-fit:contain;background:#000}#fullscreenVideoOverlay.orientation-portrait .fullscreen-video-header.portrait-header{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent);z-index:100;padding:10px 15px;display:flex;align-items:center}#fullscreenVideoOverlay.orientation-portrait .fullscreen-video-header.portrait-header .back-button{padding:8px;width:40px;height:40px}#fullscreenVideoOverlay.orientation-portrait .fullscreen-video-title{font-size:16px;margin-left:10px}#fullscreenVideoOverlay.orientation-landscape{background:#000}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-player.landscape-layout{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-player.landscape-layout video{width:100vw;height:100vh;-o-object-fit:contain;object-fit:contain;background:#000}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-header.landscape-header{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);z-index:100;padding:5px 20px;display:flex;align-items:center;opacity:1;transition:opacity .3s ease}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-header.landscape-header.hidden{opacity:0}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-header.landscape-header .back-button{padding:10px;width:44px;height:44px}#fullscreenVideoOverlay.orientation-landscape .fullscreen-video-title{font-size:18px;margin-left:15px;font-weight:600}@media screen and (orientation:portrait){.plyr--video .plyr__controls{padding:15px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.plyr__control{padding:12px}}@media screen and (orientation:landscape){.plyr--video .plyr__controls{padding:10px 20px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.plyr__control{padding:10px}}#fullscreenVideoOverlay.hide-controls .fullscreen-video-header,#fullscreenVideoOverlay.hide-controls .plyr__controls{opacity:0;transition:opacity .3s ease}#fullscreenVideoOverlay.show-controls .fullscreen-video-header,#fullscreenVideoOverlay.show-controls .plyr__controls,#fullscreenVideoOverlay:hover .fullscreen-video-header,#fullscreenVideoOverlay:hover .plyr__controls{opacity:1}@media (max-width:768px){#fullscreenVideoOverlay video{min-width:100%;min-height:100%}.plyr__control{min-width:44px;min-height:44px}.plyr__control svg{width:20px;height:20px}}@supports (-webkit-touch-callout:none){#fullscreenVideoOverlay{top:0;bottom:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}#fullscreenVideoOverlay .fullscreen-video-player video{height:calc(100vh - env(safe-area-inset-top, 0) - env(safe-area-inset-bottom, 0))}#fullscreenVideoOverlay .fullscreen-video-header{top:env(safe-area-inset-top,0);padding-top:0}}.layout-manager{padding:0;max-width:800px}.layout-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.layout-title h2{margin:0 0 4px;font-size:1.5rem;color:#fff}.layout-subtitle{margin:0;color:#888;font-size:.9rem}.layout-actions{display:flex;align-items:center;gap:12px}.save-status{font-size:.85rem;color:#888}.save-status.saving{color:#f0c040}.save-status.saved{color:#4ade80}.layout-rows{display:flex;flex-direction:column;gap:2px;background:#1a1a1a;border-radius:8px;overflow:hidden}.layout-row{display:flex;align-items:center;padding:16px;background:#252525;cursor:grab;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-row:hover{background:#2a2a2a}.layout-row.dragging{opacity:.5;background:#333}.layout-row.drag-over{border-top:2px solid #e50914;margin-top:-2px}.layout-row.hidden-row{opacity:.5}.layout-row.hidden-row .row-title{text-decoration:line-through;color:#666}.row-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#666;cursor:grab;flex-shrink:0}.row-drag-handle:active{cursor:grabbing}.row-info{display:flex;align-items:center;gap:12px;flex:1;margin-left:12px;min-width:0}.layout-row .row-title{font-size:1rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{flex-shrink:0}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.badge.system{background:#333;color:#888}.badge.course,.badge.youtube{background:#1a3a1a;color:#4ade80}.badge.category{background:#1a2a3a;color:#60a5fa}.badge.questions{background:#2a1a3a;color:#c084fc}.badge.warning{background:#3a2a1a;color:#f59e0b;margin-left:8px;cursor:help}.badge.empty{background:#2a1a1a;color:#888}.layout-row.no-content{opacity:.6}.layout-warning-note{color:#f59e0b}.row-type-label{color:#888;font-weight:400;margin-right:6px}.badge.staged{background:#1a2a3a;color:#60a5fa;margin-left:8px}.row-controls{gap:8px;margin-left:16px}.move-btn,.row-controls{display:flex;align-items:center}.move-btn{justify-content:center;width:28px;height:28px;background:#333;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:1rem;transition:all .15s ease}.move-btn:hover:not(:disabled){background:#444;color:#fff}.move-btn:disabled{opacity:.3;cursor:not-allowed}.visibility-toggle{position:relative;display:inline-block;width:44px;height:24px}.visibility-toggle input{opacity:0;width:0;height:0}.visibility-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.2s;border-radius:24px}.visibility-toggle .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#666;transition:.2s;border-radius:50%}.visibility-toggle input:checked+.toggle-slider{background-color:#e50914}.visibility-toggle input:checked+.toggle-slider:before{transform:translateX(20px);background-color:#fff}.layout-empty,.layout-loading{text-align:center;padding:48px 24px;color:#888}@media (max-width:640px){.layout-header{flex-direction:column;align-items:stretch}.layout-actions{justify-content:space-between}.layout-row{padding:12px}.row-info{flex-direction:column;align-items:flex-start;gap:4px}.row-controls{flex-wrap:wrap}.move-btn{display:none}}.profile-cover{position:relative;height:200px;background-size:cover;background-position:50%;border-radius:16px;overflow:hidden}.profile-cover-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-cover-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px}.profile-stat{text-align:center}.profile-stat-value{font-size:24px;font-weight:700;color:#fff;margin-bottom:2px}.profile-stat-label{font-size:12px;color:hsla(0,0%,100%,.6);text-transform:uppercase;letter-spacing:.5px}.skill-tag{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.9);transition:all .2s ease}.skill-tag:hover{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:rgba(102,126,234,.5);transform:translateY(-1px)}.profile-section{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:24px}.profile-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.profile-social-links{display:flex;flex-wrap:wrap;gap:10px}.profile-social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:hsla(0,0%,100%,.8);transition:all .2s ease;text-decoration:none}.profile-social-link:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px)}.project-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;overflow:hidden;transition:all .3s ease}.project-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.project-thumbnail{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.05)}.project-info{padding:16px}.project-title{margin:0 0 8px;font-size:15px;font-weight:600;color:#fff}.project-description{margin:0;font-size:13px;color:hsla(0,0%,100%,.6);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.achievement-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;transition:all .2s ease}.achievement-badge:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.achievement-icon{font-size:20px;line-height:1}.achievement-title{font-size:14px;font-weight:500;color:#fff}.follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;color:#fff;background:var(--primary-color,#e50914);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:100px}.follow-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.follow-btn:disabled{opacity:.5;cursor:not-allowed}.follow-btn.following{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3)}.follow-btn.following:hover{background:hsla(0,0%,100%,.15)}.follow-btn.danger{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5);color:#f44336}.share-profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.share-profile-btn:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3)}.activity-graph-container{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px}.activity-graph,.week-column{display:flex;gap:2px}.week-column{flex-direction:column}.day-cell{width:10px;height:10px;border-radius:2px;transition:transform .1s ease}.day-cell:hover{transform:scale(1.3)}.public-profile{max-width:800px;margin:0 auto;padding:0 16px 40px}.profile-header-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;overflow:hidden;margin-bottom:24px}.profile-header-content{display:flex;gap:20px;padding:20px 24px}.profile-avatar-container{flex-shrink:0;margin-top:-50px}.profile-info{flex:1;min-width:0}.profile-name{margin:0;font-size:24px;font-weight:700;color:#fff}.profile-username{color:hsla(0,0%,100%,.5);font-weight:400}.profile-headline{margin:6px 0 0;font-size:15px;color:hsla(0,0%,100%,.7)}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;color:hsla(0,0%,100%,.5)}.profile-meta-item{display:inline-flex;align-items:center;gap:5px}.profile-actions{display:flex;gap:10px;flex-shrink:0}@media (max-width:600px){.profile-cover{height:150px;border-radius:0}.profile-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.profile-stat-value{font-size:20px}.profile-header-content{flex-direction:column;align-items:center;text-align:center;padding:16px}.profile-avatar-container{margin-top:-60px}.profile-actions,.profile-meta{justify-content:center}.profile-actions{margin-top:12px}.projects-grid{grid-template-columns:1fr}.public-profile{padding:0 12px 24px}.profile-section{padding:16px;border-radius:12px}}.questions-page{max-width:1400px;margin:0 auto;padding:100px 24px 60px}.questions-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.questions-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px}.questions-subtitle{color:#888;font-size:1rem;margin:0}.ask-question-btn{flex-shrink:0;padding:12px 24px;font-size:.95rem}.questions-loading{text-align:center;padding:80px 24px;color:#888;font-size:1.1rem}.questions-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#222;border:1px solid #333;border-radius:8px;color:#888;font-size:.9rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#333;color:#fff}.filter-btn.active{background:#c084fc;border-color:#c084fc;color:#fff}.tag-filter-group{display:flex;gap:8px;flex-wrap:wrap}.tag-filter-btn{padding:6px 12px;background:transparent;border:1px solid #444;border-radius:16px;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.tag-filter-btn:hover{border-color:#666;color:#fff}.tag-filter-btn.active{background:#333;border-color:#c084fc;color:#c084fc}.questions-empty{text-align:center;padding:60px 24px;background:#1a1a1a;border-radius:12px}.questions-empty p{color:#888;font-size:1.1rem;margin-bottom:20px}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.question-card{display:flex;flex-direction:column;background:#1a1a1a;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.question-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.4)}.question-card-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:#222}.question-card-thumbnail .thumbnail-image{-o-object-fit:cover;object-fit:cover}.question-card-thumbnail .thumbnail-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#555}.question-card-thumbnail .thumbnail-placeholder.video{background:linear-gradient(135deg,#2a1a3a,#1a1a2a);color:#c084fc}.question-card-thumbnail .thumbnail-placeholder.text{background:linear-gradient(135deg,#1a2a1a,#1a1a2a);color:#4ade80}.answered-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(74,222,128,.9);border-radius:6px;color:#000;font-size:.75rem;font-weight:600}.question-card-content{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.question-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.4}.question-card-excerpt{color:#888;font-size:.9rem;line-height:1.5;margin:0}.question-card-meta{display:flex;gap:12px;font-size:.8rem;color:#666;margin-top:auto}.question-asker{color:#c084fc}.question-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.question-tag{padding:4px 10px;background:#2a2a2a;border-radius:12px;color:#888;font-size:.75rem}@media (max-width:768px){.questions-page{padding:80px 16px 40px}.questions-header{flex-direction:column;align-items:stretch}.questions-header h1{font-size:1.5rem}.ask-question-btn{text-align:center}.questions-grid{grid-template-columns:1fr}}