@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";html,body{font-family:Manrope,sans-serif;background-color:#151515;color:#e0e0e0}:root{--bg-color: #ffffff;--text-color: #111111;--card-bg: #ffffff;--border-color: #e5e7eb;--primary-color: #2563eb;--button-color: #000000;--icon-color: opacity(.5);--border-color-active: #000000}[data-theme=dark]{--bg-color: #0f0f0f;--text-color: #cdcdcd;--card-bg: #000000;--border-color: #252525;--primary-color: #3b82f6;--button-color: #ba5831;--icon-color: invert(70%);--border-color-active: #6e4126}.brand-header-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000;width:100%;padding:20px}.premium-logo-wrapper{display:flex;align-items:center;justify-content:center;max-width:160px;width:100%}.brand-logo-img{width:100%;height:auto;display:block;object-fit:contain}.google-login-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;background-color:#fff;border:1px solid #e0e0e0;border-radius:50px;cursor:pointer;box-shadow:0 4px 10px #0000000d;transition:all .3s ease}.google-login-button:hover{background-color:#fcfcfc;border-color:#ccc;box-shadow:0 6px 15px #00000014}.google-button-text{color:#333;font-weight:500}.google-login-button{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.google-login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid #ddd;border-top:2px solid #000;border-radius:50%;animation:spin .8s linear infinite}.auth-card{width:100%;max-width:400px;margin:0 auto}.signup-fields-container{display:flex;flex-direction:column;gap:12px}.input-row{display:flex;gap:10px}.signup-input{background-color:#f5f5f5;border:1.5px solid transparent;border-radius:14px;padding:14px 18px;font-size:16px;outline:none;flex:1;width:100%;box-sizing:border-box;transition:all .2s ease}.signup-input:focus{background-color:#fff;border-color:#000}.password-wrapper{position:relative;width:100%}.password-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;opacity:.6}.signup-submit-btn{background-color:#000;color:#fff;width:100%;padding:16px;border-radius:25px;font-weight:600;font-size:1rem;border:none;margin-top:10px;cursor:pointer;transition:transform .1s ease}.signup-submit-btn:active{transform:scale(.98)}.switch-auth-container{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px}.switch-auth-text{color:#666}.switch-auth-link{background:none;border:none;color:#000;font-weight:700;cursor:pointer;padding:0;text-decoration:none}.switch-auth-link:hover{text-decoration:underline}.login-page-wrapper{background-color:#000;height:100dvh;width:100vw;overflow:hidden;position:relative}.splash-screen{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000}.splash-logo{max-width:180px;width:80%;height:auto}.main-login-content{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.brand-header-container{flex:1;display:flex;align-items:center;justify-content:center}.login-bottom-card{background-color:#fff;width:100%;max-width:480px;border-top-left-radius:40px;border-top-right-radius:40px;margin:0 auto;max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-content{padding:30px 24px 40px;display:flex;flex-direction:column;align-items:center}.divider{margin:18px 0;color:#888;font-size:.9rem;width:100%;text-align:center}.legal-notice{font-size:11px;color:#999;text-align:center;margin-top:20px;line-height:1.4}.legal-notice span{font-weight:600;color:#666}.login-footer-text{margin-top:25px;font-size:20px;color:#000;padding-bottom:20px}.header-wrapper{padding:0;background-color:#f3686800;display:flex;justify-content:center;margin-bottom:30px}.dashboard-card{position:relative;background:#fff;width:100%;max-width:900px;padding:40px 50px;border-radius:30px;box-shadow:0 10px 30px #0000001f;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;animation:cardFadeIn .8s ease-out}.text-content{z-index:2}.greeting-text{margin:0;font-size:1rem;color:#7a7a7a;font-weight:400}.welcome-name{margin:5px 0 0;font-size:2rem;font-weight:600;color:var(--text-color);letter-spacing:-1px}.cat-container{position:absolute;right:40px;bottom:-10px;width:180px}.peeking-cat{width:100%;height:auto;display:block}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-wrapper{width:100%;display:block;margin-bottom:30px;overflow:visible;padding:15px 0}.dashboard-card{position:relative;background:var(--card-bg);width:100%;padding:40px 50px;border-radius:30px;box-shadow:0 12px 40px #0000001f;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;animation:cardFadeIn .8s ease-out}@media(max-width:600px){.header-wrapper{padding:0}.dashboard-card{padding:14px 20px;border-radius:20px}.welcome-name{font-size:1.5rem}.greeting-text{font-size:1rem}.cat-container{width:120px;right:20px}}.date-scroll-wrapper{display:flex;gap:12px;overflow-x:auto;padding:10px 0 20px;scrollbar-width:none;scroll-behavior:smooth}.date-scroll-wrapper::-webkit-scrollbar{display:none}.date-item{flex:0 0 auto;min-width:60px;text-align:center;padding:10px;border-radius:16px;color:#aaa;transition:all .3s ease;-webkit-user-select:none;user-select:none}.date-item.active{background:#ff7a59;color:#fff;transform:scale(1.1)}.date-number{font-size:12px;margin-bottom:4px}.date-day{font-size:14px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulsePlay{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.activity-section{margin:24px 0;width:100%;max-width:480px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.header-icon{width:24px;height:24px;display:block;filter:var(--icon-color)}.section-tittle{font-size:1.15rem;font-weight:600;color:var(--text-color);margin:0;line-height:1}.activity-card{background:var(--card-bg);border-radius:28px;padding:18px;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer}.activity-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a;border-color:#e0e0e0}.card-horizontal-content{display:flex;align-items:center;gap:20px;margin-bottom:20px}.thumb-container{width:150px;height:100px;flex-shrink:0;border-radius:18px;overflow:hidden;position:relative}.course-thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.activity-card:hover .course-thumb{transform:scale(1.1)}.info-container{display:flex;flex-direction:column;gap:8px}.course-title-text{margin:0;font-size:16px;font-weight:600;color:var(--text-color);line-height:1.3}.time-tag{display:flex;align-items:center;gap:6px;background:#e1f4ff;color:#000;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500;width:fit-content;transition:all .3s ease}.tiny-icon-svg{width:14px;height:14px}.watch-button{width:100%;height:52px;background:var(--button-color);color:var(--bg-color);border:none;border-radius:16px;cursor:pointer;transition:all .3s ease}.button-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600}.play-btn-icon{width:18px;height:18px;filter:brightness(0) invert(1)}.activity-card:hover .play-btn-icon{animation:pulsePlay .8s infinite ease-in-out}.watch-button:hover{background:#222;box-shadow:0 4px 12px #0003}.watch-button:active{transform:scale(.97)}.skeleton-shimmer{background:#f6f7f8;background-image:linear-gradient(to right,#f6f7f8,#edeef1 20%,#f6f7f8 40% 100%);background-repeat:no-repeat;background-size:800px 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-text{height:18px;border-radius:4px;margin-bottom:8px}.skeleton-button{height:52px;width:100%;border-radius:16px}.empty-state{text-align:center;padding:10px 0}.empty-text{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.activity-card.is-loading{pointer-events:none}.empty-text{font-weight:400}.courses-container{margin:24px 0;width:100%;max-width:480px}.animate-reveal{animation:fadeInUp .6s ease-out forwards}.course-card{background:var(--card-bg);border-radius:28px;padding:24px;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(.165,.84,.44,1);cursor:pointer}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.course-title-label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--text-color)}.title-icon{width:20px;height:20px}.arrow-link{color:#ccc;transition:transform .3s ease}.course-card:hover .arrow-link{transform:translate(5px);color:#000}.progress-container{height:10px;background-color:var(--bg-color);border-radius:20px;overflow:hidden;margin-bottom:14px}.progress-bar{height:100%;background-color:var(--button-color);border-radius:20px;transition:width 1s cubic-bezier(.4,0,.2,1)}.card-footer{display:flex;justify-content:space-between;font-size:13px;color:#888}.progress-percentage{font-weight:600;color:#000}.empty-card{text-align:center;padding:30px 20px}.empty-card p{font-size:14px;color:#666;margin-bottom:20px}.support-button{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.support-button:hover{opacity:.8}.skeleton-loading{pointer-events:none}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.title-line{height:20px;width:60%;margin-bottom:25px}.progress-line{height:10px;width:100%;margin-bottom:15px}.footer-line{height:14px;width:40%}.dashboard-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background-color:var(--bg-color)}.dashboard-content-col{display:flex;justify-content:center;background-color:var(--bg-color);overflow-y:auto}.inner-scroll-area{width:100%;max-width:450px;display:flex;flex-direction:column;gap:10px}.dashboard-visual-col{background:var(--bg-color);display:flex;align-items:center;justify-content:center}.section-title{font-size:18px;font-weight:700;color:#1e293b;margin:25px 0 15px;display:flex;align-items:center;gap:8px}.course-list{display:flex;flex-direction:column;gap:12px}@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}.dashboard-visual-col{display:none}.dashboard-content-col{justify-content:center}}.filter-wrapper{display:flex;gap:12px}.tab-btn{padding:8px 18px;border-radius:20px;border:none;background-color:#f1f3f5;color:#7a7a7a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.active{background-color:#e3f2fd;color:#2b6cb0}.soft-pro-card{display:flex;background:var(--card-bg);border-radius:32px;padding:20px;gap:30px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);width:100%;box-sizing:border-box;box-shadow:0 10px 20px #0000000a,0 2px 6px #0000000a,0 20px 40px -10px #00000012}.soft-pro-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -12px #0000001f,0 18px 36px -18px #0000001a}.soft-image-container{width:420px;height:240px;border-radius:24px;overflow:hidden;flex-shrink:0}.soft-img{width:100%;height:100%;object-fit:cover}.soft-info-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0;min-width:0}.soft-title{font-size:1.4rem;font-weight:600;color:var(--text-color);margin:0;letter-spacing:-.02em;line-height:1.2}.soft-creator{font-size:.95rem;color:#999;margin:4px 0 15px}.soft-badge-row{display:flex;gap:12px}.soft-pill-blue{display:flex;align-items:center;gap:8px;background:#f0f9ff;padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:500;color:#5a8fb9}.soft-pill-blue img{width:14px;height:14px;opacity:.5}.soft-progress-group{width:100%;max-width:320px;margin-top:auto}.soft-progress-labels{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;font-weight:600;color:#777;margin-bottom:6px}.compact-perc{font-size:.85rem;color:#000;font-weight:800}.soft-bar-bg{height:6px;background:var(--bg-color);border-radius:10px}.soft-bar-fill{height:100%;background:var(--button-color);border-radius:10px}@media(max-width:768px){.soft-pro-card{flex-direction:column;padding:16px;gap:20px;border-radius:28px;box-shadow:0 15px 35px -5px #00000014}.soft-image-container{width:100%;height:200px;border-radius:20px}.soft-info-container{padding:0 4px}.soft-title{font-size:1.2rem;margin-bottom:4px}.soft-progress-group{max-width:100%;margin-top:15px}}.courses-page-container{display:flex;flex-direction:column;gap:20px;width:100%;height:auto;animation:fadeIn .5s ease}.courses-header-row{display:flex;align-items:center;gap:12px;margin-bottom:5px}.header-svg-icon{width:24px;height:24px;object-fit:contain;filter:var(--icon-color)}.header-label{font-size:1.4rem;font-weight:500;color:var(--text-color);letter-spacing:-.02em}.course-cards-stack{display:flex;flex-direction:column;gap:20px;width:100%;margin-top:10px}.course-skeleton{display:flex;gap:20px;background:#fdfdfd;border:1px solid #f0f0f0;border-radius:24px;padding:20px}.skeleton-thumbnail{width:280px;height:160px;background:#eee;border-radius:16px;animation:pulse 1.5s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(max-width:768px){.header-label{font-size:1.25rem}.course-skeleton{flex-direction:column;padding:15px}.skeleton-thumbnail{width:100%;height:200px}}:root{--primary-black: #000000;--text-gray: #999999;--bg-light: #f3f4f6}.exact-card-container{width:100%;display:flex;justify-content:center;background-color:#fff}.exact-card{width:100%;max-width:520px;background:#fff;border-radius:35px;border:1px solid #eeeeee;overflow:hidden;box-shadow:0 10px 25px #00000008}.card-media{position:relative;padding:12px}.card-media img:first-child{width:100%;height:260px;object-fit:cover;border-radius:28px}.media-badge{position:absolute;top:25px;right:25px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 12px;border-radius:12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.05);color:#000}.media-badge .icon-sm{width:14px!important;height:14px!important}.card-content{padding:0 24px 24px}.rating-container{display:flex;align-items:center;margin:12px 0}.star-svg{width:18px;height:18px;margin-right:2px}.rating-text{color:#333;font-size:14px;margin-left:8px;font-weight:500}.course-title{font-size:24px;font-weight:600;margin-bottom:8px;color:#000}.course-summary{font-size:15px;color:var(--text-gray);line-height:1.5;margin-bottom:20px}.feature-list{margin-bottom:24px}.feature-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#111;margin-bottom:8px}.tick-icon{width:20px;height:20px}.pricing-row{display:flex;align-items:center;margin-bottom:24px}.price-tag{font-size:24px;font-weight:700;color:#000}.old-price{font-size:16px;text-decoration:line-through;color:#ccc;margin-left:8px}.date-badge{background:var(--bg-light);padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;margin-left:auto;color:#000}.shimmer-btn{width:100%;padding:18px;background:#000;color:#fff;border-radius:14px;border:none;font-size:17px;font-weight:350;cursor:pointer;position:relative;overflow:hidden;margin-bottom:24px}.shimmer-effect{position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:shine 3s infinite linear}@keyframes shine{0%{left:-150%}25%{left:150%}to{left:150%}}.card-footer{border-top:1px solid #f9f9f9;padding-top:10px}.spots-info{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px;font-weight:500}.spots-left{display:flex;align-items:center;gap:6px;color:#444}.filling-fast{color:#e11d48}.progress-track{height:8px;background:#e0e0e0;border-radius:10px;width:100%;overflow:hidden}.progress-fill{height:100%;background:#000;border-radius:10px}.bar-animate{animation:growBar 1.5s ease-out forwards}.card-footer{margin-top:10px;padding-top:15px;border-top:1px solid #f5f5f5}.spots-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:inherit}.spots-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#1a1a1a}.filling-fast{font-size:13px;font-weight:700;color:#e11d48;text-transform:uppercase;letter-spacing:.5px;animation:pulseText 2s infinite}.progress-track{height:10px;width:100%;background-color:#e5e7eb;border-radius:20px;overflow:hidden;position:relative}.progress-fill{height:100%;background-color:#000;border-radius:20px;transform-origin:left;transition:width 1.5s cubic-bezier(.65,0,.35,1)}@keyframes pulseText{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.bar-animate{animation:growBar 1.8s cubic-bezier(.1,.5,.1,1) forwards}.card-footer{margin-top:24px;padding-top:12px}.spots-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.spots-left{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#333}.spots-left .icon-sm{width:18px!important;height:18px!important}.progress-track{height:6px;width:100%;background-color:#d1d5db;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background-color:#000;border-radius:10px}.bar-animate{animation:growBar 1.5s cubic-bezier(.4,0,.2,1) forwards}.card-footer{margin-top:20px;padding-top:10px;border-top:1px solid #f9f9f9}.spots-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.spots-left{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#111;line-height:1}.footer-icon{width:18px;height:18px;display:block}.filling-fast{font-size:14px;font-weight:600;color:#e11d48}.progress-track{height:6px;width:100%;background-color:#e5e7eb;border-radius:100px;overflow:hidden;position:relative}.progress-fill{height:100%;background-color:#000;border-radius:100px}.bar-animate{animation:growBar 1.6s cubic-bezier(.65,0,.35,1) forwards}@keyframes growBar{0%{width:0%}}.outlet-content-wrapper{max-width:1200px;margin:0 auto}.course-content-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}.column-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.head-icon{font-size:20px}.column-head h2{font-size:18px;font-weight:700;color:#111827}@media(max-width:1024px){.course-content-grid{grid-template-columns:1fr}}.course-loading-wrapper{display:grid;grid-template-columns:300px 1fr;gap:40px}.sidebar-skeleton{display:flex;flex-direction:column;gap:16px}.skeleton-module{height:40px;border-radius:8px;background:linear-gradient(-90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:400% 400%;animation:shimmer 1.5s ease-in-out infinite}.videos-skeleton{display:flex;flex-direction:column;gap:24px}.skeleton-video{display:flex;gap:20px;align-items:flex-start;height:140px;border-radius:12px;background:linear-gradient(-90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:400% 400%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.no-course-text{text-align:center;margin-top:50px;font-size:18px;font-weight:600;color:#555}.c-sidebar-container{display:flex;flex-direction:column;gap:16px;-webkit-user-select:none;user-select:none}.c-sidebar-header{display:flex;align-items:center;gap:10px;padding:0 8px 4px}.c-header-icon{width:22px;height:22px;filter:var(--icon-color);display:block}.c-header-title{font-size:1rem;font-weight:500;color:var(--text-color);letter-spacing:-.01em;margin:0;line-height:1}.c-sidebar-list{display:flex;flex-direction:column;gap:8px}.c-sidebar-item{display:flex;align-items:center;padding:12px 16px;background-color:var(--card-bg);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.c-sidebar-item:hover{border-color:var(--border-color-active);transform:translate(4px);box-shadow:0 4px 12px #00000008}.c-sidebar-item.is-active{background-color:var(--card-bg);border-color:var(--border-color-active);box-shadow:0 8px 20px #0000000f}.c-index-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:14px;font-size:.75rem;font-weight:700;color:#9ca3af;background:var(--bg-color);border-radius:6px;transition:all .2s ease}.c-sidebar-item.is-active .c-index-badge{background-color:var(--card-bg);color:var(--text-color)}.c-sidebar-label{font-size:.88rem;font-weight:500;color:var(--text-color);line-height:1.2}.c-sidebar-item.is-active .c-sidebar-label{color:var(--text-color);font-weight:600}.c-sidebar-mobile-view{padding:16px;font-size:1rem;font-weight:500;color:var(--text-color);text-align:center;background:var(--bg-color);border-radius:12px;border:1px dashed #eaeaea}.c-sidebar-container{display:flex;flex-direction:column}.c-mob-dropdown-container{padding:16px 0;display:flex;flex-direction:column;gap:12px}.c-mob-header-row{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.c-mob-header-left{display:flex;align-items:center;gap:10px}.c-mob-progress{font-size:14px;font-weight:600;color:#9ca3af}.c-progress-current{color:#000}.c-mob-select-pill{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f9f9f9;border-radius:14px;font-weight:500;color:#1f66ff;cursor:pointer;transition:background .2s ease}.c-mob-select-pill.is-open{background:var(--card-bg)}.c-dropdown-arrow{font-size:18px;transition:transform .3s ease;filter:var(--icon-color)}.c-dropdown-arrow.up{transform:rotate(180deg)}.c-mob-dropdown-list{max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:8px}.c-mob-dropdown-list.show{max-height:500px;opacity:1;padding-bottom:20px}.c-mob-selected-content{display:flex;align-items:center}.active-pill-badge{background-color:var(--button-color)!important;color:var(--text-color)!important;margin-right:12px}.active-pill-label{color:var(--text-color)!important;font-weight:600!important}.c-dropdown-arrow-svg{width:20px;height:20px;transition:transform .3s ease;opacity:1}.c-dropdown-arrow-svg.up{transform:rotate(180deg)}.c-mob-select-pill{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.c-mob-select-pill.is-open{border-color:var(--border-color-active);box-shadow:0 4px 12px #0000000d}.c-mob-dropdown-container{position:sticky;top:-25px;z-index:99;margin-left:-16px;margin-right:-16px;padding:16px 16px 6px;background:var(--bg-color);display:flex;flex-direction:column;gap:12px;width:auto}.c-mob-header-row,.c-mob-select-pill{width:100%}.ch-container{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px;align-items:flex-start}.ch-left{flex:1}.ch-label{display:flex;align-items:center;gap:8px;margin-bottom:15px}.ch-label-icon{width:22px;height:22px;filter:var(--icon-color)}.ch-label-text{font-weight:600;color:VAR(--text-color);font-size:1rem}.ch-title-row{display:flex;align-items:center;gap:16px;margin-bottom:15px}.ch-title{font-size:24px;font-weight:700;color:#0051ff;margin:0}.ch-para{color:#9ca3af;font-size:14px;line-height:1.6;margin-bottom:25px;max-width:90%}.ch-img-shadow-box{border-radius:16px;overflow:hidden;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000f}.ch-hero-img{width:320px;height:180px;object-fit:cover;display:block}.ch-mobile-wrapper{top:0;z-index:100;background-color:var(--bg-color);padding:8px;display:flex;flex-direction:column;gap:6px}.ch-mob-top-row{display:flex;justify-content:space-between;align-items:center}.ch-mob-header-stack{display:flex;flex-direction:column;gap:2px}.ch-mob-title{font-size:18px;font-weight:700;color:var(--text-color);margin:0}.ch-mob-creator{font-size:13px;color:#9ca3af;margin-top:2px}.ch-info-pill{background:var(--card-bg);border:none;padding:4px 12px;border-radius:20px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500}.ch-stats-row{display:flex;gap:10px;margin-top:8px}.ch-stat-pill{display:flex;align-items:center;gap:8px;background:#f5f1e9;border:1px solid #ede7de;padding:6px 14px;border-radius:10px;font-size:13px;font-weight:600;color:#4b5563}.ch-mobile-wrapper .ch-stat-pill{border:none;padding:4px 12px;border-radius:8px}.ch-pill-icon{width:14px;height:14px;opacity:.7}.vli-card{display:flex;gap:20px;padding:10px;background-color:var(--card-bg);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);box-shadow:0 2px 4px #00000005,0 4px 12px #0000000a}.vli-card:hover{transform:translateY(-4px);border-color:var(--border-color-active);box-shadow:0 10px 25px #00000014,0 4px 8px #0000000a}.vli-thumb img{width:180px;height:105px;border-radius:12px;object-fit:cover;background:var(--bg-color);display:block}.vli-content{display:flex;flex-direction:column;justify-content:space-between;flex:1;padding:2px 0}.vli-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0 0 6px;letter-spacing:-.01em}.vli-desc{font-size:.88rem;color:#666;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vli-footer{margin-top:8px}.vli-time-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#e7f7fc;border-radius:16px;font-size:.75rem;font-weight:600;color:#555}.vli-time-icon{width:12px;height:12px;opacity:.6}@media(max-width:600px){.vli-card{flex-direction:row;gap:12px;padding:8px;align-items:center;width:100%;box-sizing:border-box}.vli-thumb{flex:0 0 110px}.vli-thumb img{width:110px;height:70px;object-fit:cover}.vli-content{flex:1;min-width:0}.vli-title{font-size:.88rem;line-height:1.2;margin-bottom:4px;white-space:normal}.vli-desc{font-size:.75rem;-webkit-line-clamp:1}.vli-time-pill{padding:2px 8px;font-size:.65rem}}.cvl-container{display:flex;flex-direction:column;gap:0px;-webkit-user-select:none;user-select:none}.cvl-header{position:sticky;top:85px;z-index:98;display:flex;align-items:center;gap:10px;margin-left:-16px;margin-right:-16px;padding:12px 24px;background:var(--bg-color)}.cvl-header-icon{width:22px;height:22px;filter:var(--icon-color)}.cvl-header-title{font-size:1rem;font-weight:500;color:var(--text-color);margin:0}.cvl-stack{display:flex;flex-direction:column;gap:12px;padding:0 4px}.vd-container{max-width:1000px;margin:0 auto;padding-bottom:50px}.vd-video-card{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -12px #00000040;position:relative}.vd-video-skeleton{position:absolute;inset:0;background:#0f172a;display:flex;align-items:center;justify-content:center;z-index:5}.vd-loader-ring{width:48px;height:48px;border:4px solid rgba(59,130,246,.1);border-left-color:#3b82f6;border-radius:50%;animation:vd-spin 1s linear infinite}.vd-video-element{width:100%;height:100%;transition:opacity .6s ease}.is-hidden{opacity:0}.is-visible{opacity:1}.vd-poster{cursor:pointer;position:relative;height:100%}.vd-img{width:100%;height:100%;object-fit:cover}.vd-play-btn-circle{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.vd-poster:hover .vd-play-btn-circle{transform:scale(1.15)}.vd-play-glyph{color:#0f172a;font-size:24px;margin-left:4px}.vd-content-header{margin-top:32px}.vd-badge{background:#eff6ff;color:#3b82f6;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase}.vd-duration-tag{color:#94a3b8;font-size:14px;font-weight:500}.vd-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.vd-main-title{font-size:2.2rem;font-weight:800;color:#1e293b;margin:0 0 12px;letter-spacing:-.03em}.vd-main-desc{font-size:1.1rem;line-height:1.7;color:#475569;max-width:800px;margin:0}.vd-actions-bar{margin-top:40px;padding-top:24px;border-top:1px solid #f1f5f9}.vd-btn-group{display:flex;justify-content:space-between;align-items:center}.vd-tooltip-wrapper{position:relative;display:inline-block}.vd-tooltip-hint{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:11px;color:#94a3b8;white-space:nowrap;opacity:0;transition:opacity .3s ease}.vd-tooltip-wrapper:hover .vd-tooltip-hint{opacity:1}.vd-action-button{padding:12px 24px;border-radius:14px;font-weight:700;cursor:pointer;transition:all .2s ease;border:2px solid transparent;min-width:180px;display:flex;align-items:center;justify-content:center;gap:8px}.is-pending{background:#0f172a;color:#fff}.is-pending:hover{background:#334155;transform:translateY(-2px)}.is-completed{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.is-completed:hover{background:#dcfce7;border-color:#86efac}.vd-next-button{background:#f8fafc;border:1px solid #e2e8f0;padding:12px 24px;border-radius:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.vd-next-button:hover{background:#fff;border-color:#cbd5e1;color:#0f172a}.vd-small-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:vd-spin .6s linear infinite}@keyframes vd-spin{to{transform:rotate(360deg)}}@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translate(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0 50%,#23282f99 0 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translate(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}.vd-section-title{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:700;color:var(--text-color);margin-bottom:20px;letter-spacing:-.01em}.vd-title-icon{width:22px;height:22px}.vd-resource-list{display:flex;flex-direction:column;gap:8px}.vd-resource-card{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 15px #00000008,0 1px 3px #00000005}.vd-resource-card:hover{transform:translateY(-4px);border-color:var(--border-color-active);box-shadow:0 20px 30px #00000012}.vd-resource-name{font-size:15px;color:var(--text-color);font-weight:500;flex:1}.vd-action-icon{display:block;opacity:.6;transition:all .3s ease;margin-left:15px}.is-redirect{width:32px;height:32px;margin:-10px 0;filter:var(--icon-color)}.is-download{width:24px;height:24px;filter:var(--icon-color)}.vd-resource-card:hover .vd-action-icon{opacity:1;transform:scale(1.1)}.vd-resource-card:hover .is-redirect{transform:scale(1.1) translate(3px)}@media(max-width:768px){.vd-resource-card{padding:16px;box-shadow:0 2px 8px #0000000a}.is-redirect{width:35px;height:35px;margin:-10px 0}}.vd-sidebar-section{margin-bottom:35px}.vd-section-title{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:700;color:var(--text-color);margin-bottom:20px}.vd-title-icon{width:22px;height:22px;filter:var(--icon-color)}.vd-upcoming-list{display:flex;flex-direction:column;gap:12px}.vd-upcoming-card{display:flex;align-items:center;gap:16px;padding:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 15px #00000008}.vd-upcoming-card:hover{transform:translateY(-4px);border-color:var(--border-color-active);box-shadow:0 15px 25px #0000000f}.vd-mini-thumb{position:relative;flex-shrink:0;width:85px;height:50px;border-radius:10px;overflow:hidden;background-color:#000}.vd-mini-thumb img{width:100%;height:100%;object-fit:cover}.vd-thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.vd-upcoming-card:hover .vd-thumb-overlay{opacity:1}.vd-play-hint{width:18px;height:18px;filter:brightness(0) invert(1)}.vd-upcoming-info{display:flex;flex-direction:column;gap:2px}.vd-upcoming-text{font-size:.88rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3}.vd-upcoming-label{font-size:.7rem;color:#656565;text-transform:uppercase;font-weight:700}.vd-main-container{padding:40px 20px;max-width:1300px;margin:0 auto;color:#000}.vd-module-header{margin-bottom:24px;font-size:1rem;color:#555;border-bottom:1px solid #eee;padding-bottom:12px}.vd-content-grid{display:grid;grid-template-columns:1fr 350px;gap:40px;align-items:flex-start}.vd-sidebar{display:flex;flex-direction:column;gap:32px}@media(max-width:1024px){.vd-main-container{padding:0}.vd-content-grid{display:flex;flex-direction:column;gap:30px}.vd-sidebar{width:100%}.vd-module-header{font-size:.9rem;margin-bottom:15px}}.vd-module-header strong{color:#6942fd}.vd-sidebar section{background:#fff;border-radius:12px;transition:transform .2s ease}.vd-sidebar img{border-radius:8px;object-fit:cover}.sidebar-container{width:240px;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:40px 24px;position:fixed;left:0;top:0;box-sizing:border-box;z-index:100;border-right:1px solid rgba(255,255,255,.05)}.logo-wrapper{margin-bottom:40px;padding-left:8px}.sidebar-logo-img{height:35px;width:auto;object-fit:contain}.nav-menu{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 16px;color:#ffffff80;text-decoration:none;font-size:.9rem;font-weight:500;border-radius:12px;transition:all .3s ease}.sidebar-svg{width:20px;height:20px;opacity:.5;filter:brightness(0) invert(1);transition:all .3s ease}.nav-link:hover{color:#fff;background-color:#ffffff0d}.nav-link:hover .sidebar-svg{opacity:.8}.nav-link.active{color:#fff;background-color:#ffffff1a}.nav-link.active .sidebar-svg{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.2))}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.topbar-container{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background-color:transparent}.topbar-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.user-section-wrapper{position:relative}.user-pill{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:#f3f4f6;border-radius:50px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.user-pill:hover{background-color:#e5e7eb}.user-icon{font-size:1.1rem}.user-name{font-size:.9rem;font-weight:500;color:#333}.chevron{font-size:.8rem;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.user-drawer{position:absolute;top:120%;right:0;width:160px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;border:1px solid #f0f0f0;padding:8px 0;z-index:100;animation:slideIn .2s ease-out}.drawer-item{padding:10px 20px;font-size:.9rem;color:#4b5563;cursor:pointer}.drawer-item:hover{background-color:#f9fafb;color:#000}.drawer-item.logout{color:#ef4444}hr{border:0;border-top:1px solid #f3f4f6;margin:4px 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-wrapper{position:relative}.settings-btn{width:38px;height:38px;border-radius:50%;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.settings-btn:hover{background:#e5e7eb}.settings-btn:active{transform:scale(.95)}.settings-drawer{right:0}.topbar-actions{display:flex;align-items:center;gap:14px}.settings-btn{width:38px;height:38px;border-radius:50%;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-btn.active{background:#e5e7eb}.settings-btn img{width:18px;height:18px}.user-icon-svg{width:18px;height:18px;filter:brightness(0) saturate(100%)}.dropdown-arrow{width:12px;height:12px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.premium-dropdown-wrapper{position:absolute;top:50px;right:0;width:280px;z-index:1000;animation:slideInPremium .2s cubic-bezier(.2,1,.3,1);transform-origin:top right}@keyframes slideInPremium{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-dropdown-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 15px 35px #0000001f;padding:16px;display:flex;flex-direction:column;gap:12px}.dropdown-arrow-top{position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-top:1px solid rgba(0,0,0,.08);border-left:1px solid rgba(0,0,0,.08)}.dropdown-user-info{display:flex;align-items:center;gap:12px}.dropdown-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #f0f0f0;filter:none}.dropdown-text{display:flex;flex-direction:column;overflow:hidden}.dropdown-name{font-weight:700;font-size:15px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:12px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#f1f1f1;margin:12px 0}.dropdown-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.dropdown-links li{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;color:#111;transition:background .2s ease}.dropdown-links li:hover{background:#0000000d}.black-logout-btn{width:100%;height:44px;background:#000;color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.black-logout-btn:hover{background:#222;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.black-logout-btn:active{transform:translateY(0)}.settings-dropdown-wrapper{position:absolute;top:55px;right:0;width:260px;z-index:1000;transform-origin:top right;animation:settingsReveal .4s cubic-bezier(.175,.885,.32,1.1) forwards}@keyframes settingsReveal{0%{opacity:0;transform:translateY(8px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.settings-glass-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;padding:12px;border:1px solid rgba(255,255,255,.6);box-shadow:0 15px 35px #0000001a}.settings-arrow-top{position:absolute;top:-5px;right:14px;width:10px;height:10px;background:#ffffffd9;transform:rotate(45deg);border-top:1px solid rgba(255,255,255,.6);border-left:1px solid rgba(255,255,255,.6)}.settings-option,.settings-option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:14px;border:none;background:transparent;cursor:pointer;transition:background .2s ease}.settings-option:hover,.settings-option-btn:hover{background:#0000000a}.option-left{display:flex;align-items:center;gap:12px}.option-icon-bg{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.option-text{font-size:14px;font-weight:600;color:#1a1a1a}.custom-toggle{width:40px;height:22px;background:#e4e4e7;border-radius:20px;position:relative;transition:.3s cubic-bezier(.4,0,.2,1)}.toggle-on{background:#000}.toggle-handle{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.toggle-on .toggle-handle{left:20px}.settings-divider{height:1px;background:#0000000d;margin:8px 12px}.settings-label-header{font-size:11px;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px}.popup-overlay{position:fixed;inset:0;background:#0000008c;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-content{position:fixed;bottom:0;left:0;width:100%;max-height:85%;background:#fff;border-radius:20px 20px 0 0;z-index:101;display:flex;flex-direction:column;box-shadow:0 -10px 30px #00000040}.popup-header{position:sticky;top:0;background:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;z-index:2;color:#000;border-radius:250px}.popup-header h2{font-size:1.1rem;font-weight:600;margin:0}.close-btn{font-size:1.6rem;border:none;background:none;cursor:pointer;line-height:1;padding:0}.popup-body{padding:20px;overflow-y:auto;line-height:1.6}.terms-content h3{margin-top:18px;font-size:.95rem;font-weight:600}.terms-content p,.terms-content li{font-size:.9rem;color:#444}.terms-content ul{padding-left:18px;margin-top:8px}.terms-footer{margin-top:20px;font-size:.85rem;opacity:.7}@media(max-width:480px){.popup-content{max-height:90%;border-radius:16px 16px 0 0}}.mobile-logo-img{height:28px;width:auto;object-fit:contain}.mobile-actions{display:flex;align-items:center;gap:12px}.user-menu-wrapper{position:relative}.mobile-icon-btn.active{background:#ffffff26}.m-user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}.m-user-initials{width:32px;height:32px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.m-action-svg{width:22px;height:22px}.premium-dropdown-wrapper{position:absolute;top:50px;right:-10px;width:280px;z-index:1000;animation:mobileMenuReveal .4s cubic-bezier(.175,.885,.32,1.15) forwards;transform-origin:top right}@keyframes mobileMenuReveal{0%{opacity:0;transform:scale(.9) translateY(-10px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.mobile-icon-btn{transition:background-color .3s ease,transform .2s active}.mobile-icon-btn:active{transform:scale(.92)}.mobile-icon-btn.active{background:#00000026;box-shadow:0 0 0 4px #ffffff0d}.premium-dropdown-wrapper{position:absolute;top:55px;right:0;width:280px;z-index:1000;transform-origin:top right;animation:premiumReveal .4s cubic-bezier(.175,.885,.32,1.1) forwards}@keyframes premiumReveal{0%{opacity:0;transform:translateY(8px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.premium-card{background:#000000d9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;padding:18px;box-shadow:0 10px 30px -10px #0003,0 20px 50px -15px #00000026,0 0 0 1px #0000000a;border:1px solid rgba(255,255,255,.4)}.dropdown-arrow-top{position:absolute;top:-5px;right:18px;width:10px;height:10px;background:#ffffffd9;transform:rotate(45deg);border-top:1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.4);z-index:-1}.profile-horizontal-info{display:flex;align-items:center;gap:14px;padding:4px 2px}.user-img-premium{width:48px;height:48px;border-radius:14px;object-fit:cover;box-shadow:0 4px 10px #0000001a;border:2px solid #000000}.user-details-premium{display:flex;flex-direction:column;overflow:hidden}.name-row{display:flex;align-items:center;gap:6px}.user-name-text{font-weight:700;font-size:15px;color:#111;letter-spacing:-.2px}.admin-icon{color:#007bff}.user-email-text{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-divider-lite{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent);margin:16px 0}.black-logout-btn{width:100%;height:46px;background:#000;color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.black-logout-btn:hover{background:#222;transform:translateY(-1px)}.black-logout-btn:active{transform:scale(.97)}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#000;color:#fff;position:relative;z-index:100}.mobile-icon-btn{width:38px;height:38px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-icon-btn.active{background:#ffffff26;transform:scale(1.05)}.settings-dropdown-wrapper{right:0;top:55px}.user-menu-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.m-nav-wrapper{position:fixed;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.m-nav-pill{pointer-events:auto;background-color:#000;display:flex;align-items:center;justify-content:center;gap:25px;padding:12px 28px;width:auto;min-width:220px;border-radius:100px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.12)}.m-nav-item{display:flex;align-items:center;justify-content:center;padding:6px;transition:all .4s cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}.m-nav-svg{width:20px;height:20px;opacity:.35;filter:brightness(0) invert(1);transition:all .4s ease}.m-nav-item.active .m-nav-svg{opacity:1;transform:scale(1.15);filter:brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,.3))}.m-nav-item:active{transform:scale(.95)}.layout-wrapper{display:flex;background-color:#000;height:100vh;width:100vw;overflow:hidden}.main-stage{flex:1;margin-left:240px;padding:12px 12px 12px 0;display:flex;height:100vh;box-sizing:border-box}.white-inner-card{flex:1;background-color:var(--bg-color);border-radius:30px;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;padding:40px;overflow-y:auto;scroll-behavior:smooth}@media(max-width:768px){.main-stage{margin-left:0;padding:0;flex-direction:column;background-color:#000}.white-inner-card{border-radius:40px 40px 0 0;margin-top:5px;width:100%;flex:1}.content-area{padding:24px 16px 120px}}.mobile-only{display:none!important}.desktop-only{display:block}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media(max-width:768px){.main-stage{margin-left:0;padding:0;display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.white-inner-card{display:flex;flex-direction:column;flex:1;border-radius:40px 40px 0 0;margin-top:5px;background-color:var(--bg-color);overflow:hidden}.content-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px 120px}}.layout-wrapper{display:flex;background-color:#000;height:100vh;width:100vw;max-width:100vw;overflow:hidden}.main-stage{flex:1;margin-left:240px;padding:12px 12px 12px 0;display:flex;height:100vh;box-sizing:border-box;overflow:hidden}.white-inner-card{flex:1;background-color:var(--bg-color);border-radius:30px;display:flex;flex-direction:column;overflow:hidden;width:100%}.content-area{flex:1;padding:40px;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}@media(max-width:768px){.main-stage{margin-left:0;padding:0;flex-direction:column;width:100vw;max-width:100vw;overflow-x:hidden}.white-inner-card{border-radius:40px 40px 0 0;margin-top:5px;width:100%;max-width:100%;flex:1;overflow:hidden}.content-area{padding:24px 16px 120px;width:100%;overflow-x:hidden;overflow-y:auto}}.minimal-top-widget{position:fixed;top:75px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;animation:slideDown .4s cubic-bezier(.16,1,.3,1)}.widget-content{background:#0a0a0aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:8px 18px;border-radius:100px;display:flex;align-items:center;box-shadow:0 10px 30px #0000004d}.status-row{display:flex;align-items:center;gap:10px;color:#f5f5f5;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:500}.orange-loader{width:14px;height:14px;border:2px solid rgba(255,165,0,.2);border-top:2px solid #ff6421;border-radius:50%;animation:spin .8s linear infinite}.tick-icon{width:16px;height:16px;display:block}.timer-num{font-variant-numeric:tabular-nums;font-weight:500;color:#ff4d00}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}