.FullWidthHOC{background-color:#eef1f6;min-height:100vh;padding-top:70px;width:100%}:root[data-theme=dark] .FullWidthHOC{background-color:#09090b}.HOC,.content{width:100%}.content{margin-top:0;padding:0}.content.with-padding{padding:1rem}.LayoutContainer{width:100%}@media (max-width:768px){.FullWidthHOC{padding-top:64px}}:root[data-theme=dark] .capsule-course-premium{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#1a1a1d;--bg-elevated:#202024;--bg-card:#18181b;--bg-overlay:#000000d9;--bg-sidebar:#111115;--bg-panel:#151518;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dark:linear-gradient(180deg,#0a0a0b,#111113);--gradient-card:linear-gradient(145deg,#1a1a1d,#202024);--gradient-success:linear-gradient(135deg,#10b981,#059669);--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--primary:#667eea;--primary-hover:#5a67d8;--primary-light:#818cf8;--primary-dark:#4c51bf;--primary-rgb:102,126,234;--success:#10b981;--success-rgb:16,185,129;--warning:#f59e0b;--warning-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--info:#3b82f6;--info-rgb:59,130,246;--border-color:#ffffff0f;--border-light:#ffffff1a;--border-focus:#667eea66;--shadow-sm:0 1px 3px #0000001f;--shadow:0 4px 6px #0000001a;--shadow-md:0 10px 15px #00000026;--shadow-lg:0 20px 25px #0003;--shadow-xl:0 25px 50px #00000040;--shadow-glow:0 0 30px rgba(var(--primary-rgb),0.3)}:root[data-theme=light] .capsule-course-premium{--bg-primary:#eef1f5;--bg-secondary:#e4e8ee;--bg-tertiary:#dae0e8;--bg-elevated:#fff;--bg-card:#fff;--bg-overlay:#00000080;--bg-sidebar:#e9ecf1;--bg-panel:#f2f4f7;--gradient-primary:linear-gradient(135deg,#0b5cb8,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#ec4899,#f43f5e);--gradient-dark:linear-gradient(180deg,#fff,#f9fafb);--gradient-card:linear-gradient(145deg,#fff,#f9fafb);--gradient-success:linear-gradient(135deg,#10b981,#059669);--text-primary:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-dim:#d1d5db;--primary:#0b5cb8;--primary-hover:#4f46e5;--primary-light:#3a7dd8;--primary-dark:#4338ca;--primary-rgb:99,102,241;--success:#10b981;--success-rgb:16,185,129;--warning:#f59e0b;--warning-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--info:#3b82f6;--info-rgb:59,130,246;--border-color:#e5e7eb;--border-light:#d1d5db;--border-focus:#6366f14d;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-glow:0 0 20px #6366f133}.capsule-course-premium{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#1a1a1d;--bg-elevated:#202024;--bg-card:#18181b;--bg-overlay:#000000d9;--bg-sidebar:#111115;--bg-panel:#151518;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-dark:linear-gradient(180deg,#0a0a0b,#111113);--gradient-card:linear-gradient(145deg,#1a1a1d,#202024);--gradient-success:linear-gradient(135deg,#10b981,#059669);--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--primary:#667eea;--primary-hover:#5a67d8;--primary-light:#818cf8;--primary-dark:#4c51bf;--primary-rgb:102,126,234;--success:#10b981;--success-rgb:16,185,129;--warning:#f59e0b;--warning-rgb:245,158,11;--danger:#ef4444;--danger-rgb:239,68,68;--info:#3b82f6;--info-rgb:59,130,246;--border-color:#ffffff0f;--border-light:#ffffff1a;--border-focus:#667eea66;--shadow-sm:0 1px 3px #0000001f;--shadow:0 4px 6px #0000001a;--shadow-md:0 10px 15px #00000026;--shadow-lg:0 20px 25px #0003;--shadow-xl:0 25px 50px #00000040;--shadow-glow:0 0 30px rgba(var(--primary-rgb),0.3);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.capsule-course-premium{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;padding-top:0;position:relative;transition:background var(--transition-base)}.capsule-course-premium .hero-section{background:var(--gradient-dark);border-bottom:1px solid var(--border-color);padding:20px 0 100px;position:relative}.capsule-course-premium .hero-section:before{background:radial-gradient(circle at 20% 50%,rgba(var(--primary-rgb),.1) 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.capsule-course-premium .hero-container{margin:0 auto;max-width:1280px;padding:0 24px;position:relative;z-index:1}.capsule-course-premium .breadcrumb{align-items:center;animation:fadeInDown .5s ease;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.capsule-course-premium .breadcrumb button{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;min-height:44px;min-width:44px;padding:6px 12px;transition:all var(--transition-base)}.capsule-course-premium .breadcrumb button:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.capsule-course-premium .breadcrumb svg{color:var(--text-dim);font-size:16px}.capsule-course-premium .breadcrumb span{color:var(--text-primary);font-weight:600}.capsule-course-premium .hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 480px}.capsule-course-premium .hero-left{animation:fadeInUp .6s ease}.capsule-course-premium .course-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1;margin-bottom:24px}.capsule-course-premium .course-metrics{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.capsule-course-premium .metric{align-items:center;animation:fadeInUp .7s ease;animation-fill-mode:backwards;background:rgba(var(--primary-rgb),.06);border:1px solid rgba(var(--primary-rgb),.1);border-radius:10px;display:flex;gap:8px;padding:10px 16px;transition:all var(--transition-base)}.capsule-course-premium .metric:first-child{animation-delay:.1s}.capsule-course-premium .metric:nth-child(2){animation-delay:.2s}.capsule-course-premium .metric:nth-child(3){animation-delay:.3s}.capsule-course-premium .metric:hover{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.25)}.capsule-course-premium .rating{align-items:center;display:flex;gap:6px}.capsule-course-premium .star{font-size:16px;transition:transform var(--transition-fast)}.capsule-course-premium .star.filled{animation:scaleIn .3s ease;color:var(--warning)}.capsule-course-premium .star.half{color:var(--warning)}.capsule-course-premium .star.empty{color:var(--text-dim)}.capsule-course-premium .rating-value{color:var(--text-primary);font-weight:700;margin-left:4px}.capsule-course-premium .rating-count{color:var(--text-secondary);font-size:14px}.capsule-course-premium .metric svg{color:var(--primary);font-size:18px}.capsule-course-premium .metric span{font-size:14px;font-weight:500}.capsule-course-premium .stats-bar{animation:fadeInUp .8s ease;animation-delay:.4s;animation-fill-mode:backwards;border-top:1px solid rgba(var(--primary-rgb),.1);display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px;padding:20px 0}.capsule-course-premium .stat{align-items:center;color:var(--text-secondary);display:flex;gap:8px;transition:color var(--transition-base)}.capsule-course-premium .stat:hover{color:var(--text-primary)}.capsule-course-premium .stat svg{color:var(--primary);font-size:20px}.capsule-course-premium .pricing-section-sub{animation:fadeInUp .9s ease;animation-delay:.5s;animation-fill-mode:backwards;display:flex;flex-direction:column;gap:20px}.capsule-course-premium .price-display-sub{align-items:center;display:flex;gap:16px}.capsule-course-premium .current-price-sub{color:var(--primary);font-size:36px;font-weight:800}.capsule-course-premium .original-price-sub{color:var(--text-muted);font-size:24px;text-decoration:line-through}.capsule-course-premium .discount-badge-sub{animation:pulse 2s ease 1;background:var(--gradient-success);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px}.capsule-course-premium .action-buttons{display:flex;gap:12px}.capsule-course-premium .btn-primary{align-items:center;background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 28px;transition:all var(--transition-base)}.capsule-course-premium .btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.capsule-course-premium .btn-primary:active{transform:translateY(0)}.capsule-course-premium .btn-primary-large{border-radius:14px!important;font-size:18px!important;justify-content:center;min-width:200px;padding:18px 40px!important}.capsule-course-premium .btn-primary-large svg{font-size:22px}.capsule-course-premium .btn-wishlist-floating{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-base);width:48px;z-index:10}.capsule-course-premium .btn-wishlist-floating svg{color:#6b7280;font-size:24px;transition:all var(--transition-base)}.capsule-course-premium .btn-wishlist-floating:hover{box-shadow:0 6px 20px #0003;transform:scale(1.1)}.capsule-course-premium .btn-wishlist-floating:hover svg{color:var(--danger)}.capsule-course-premium .btn-wishlist-floating.active{background:#ef44441a}.capsule-course-premium .btn-wishlist-floating.active svg{fill:var(--danger);color:var(--danger)}.capsule-course-premium .enrolled-status{align-items:center;animation:fadeInUp .6s ease;background:linear-gradient(135deg,rgba(var(--success-rgb),.1) 0,rgba(var(--success-rgb),.05) 100%);border:2px solid var(--success);border-radius:12px;display:flex;gap:12px;padding:16px 24px}.capsule-course-premium .enrolled-status svg{animation:scaleIn .5s ease;color:var(--success);font-size:28px}.capsule-course-premium .enrolled-status strong{display:block;font-size:16px}.capsule-course-premium .enrolled-status span{color:var(--text-secondary);display:block;font-size:14px}.capsule-course-premium .hero-right{animation:fadeInRight .8s ease}.capsule-course-premium .course-image-container{aspect-ratio:16/10;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-xl);overflow:hidden;position:relative;transition:transform var(--transition-base)}.capsule-course-premium .course-image-container:hover{transform:scale(1.02)}.capsule-course-premium .course-image{height:100%;object-fit:cover;width:100%}.capsule-course-premium .course-image-placeholder{align-items:center;background:var(--gradient-card);display:flex;height:100%;justify-content:center;width:100%}.capsule-course-premium .course-image-placeholder svg{color:var(--primary);font-size:80px;opacity:.3}.capsule-course-premium .course-image-container .video-player-wrapper{border-radius:20px;height:100%;width:100%}.capsule-course-premium .youtube-player-wrapper{height:100%;position:relative;width:100%}.capsule-course-premium .youtube-iframe{border:none;border-radius:20px;height:100%;width:100%}.capsule-course-premium .course-image-with-play{height:100%;position:relative;width:100%}.capsule-course-premium .course-image-with-play .course-image{height:100%;object-fit:cover;width:100%}.capsule-course-premium .play-button-overlay{align-items:center;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-base);width:80px;z-index:5}.capsule-course-premium .play-button-overlay svg{color:#fff;font-size:50px;transition:transform var(--transition-base)}.capsule-course-premium .play-button-overlay:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.capsule-course-premium .play-button-overlay:hover svg{transform:scale(1.1)}.capsule-course-premium .course-image-placeholder .play-button-overlay{background:rgba(var(--primary-rgb),.8)}.capsule-course-premium .course-image-placeholder .play-button-overlay:hover{background:rgba(var(--primary-rgb),1)}.capsule-course-premium .main-content{margin:-40px auto 0;max-width:1280px;padding:0 24px 80px;position:relative;z-index:1}.capsule-course-premium .tab-nav{animation:fadeInDown .3s ease;background:var(--course-card-bg);background:var(--bg-card,var(--course-card-bg));border:1px solid var(--border-color,var(--course-border-color));border-radius:12px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm,0 1px 3px #00000014);box-sizing:border-box;margin-bottom:32px;max-width:100%;padding:6px;width:100%}.capsule-course-premium .main-content .tab-nav .tab-nav-inner{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none;width:100%}.capsule-course-premium .main-content .tab-nav .tab-nav-inner::-webkit-scrollbar{display:none}.capsule-course-premium .main-content .tab-nav .tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--course-text-secondary);color:var(--text-secondary,var(--course-text-secondary));cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;min-height:44px;min-width:fit-content;overflow:visible;padding:10px 18px;position:relative;transform:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.capsule-course-premium .main-content .tab-nav .tab-button:hover{background:rgba(var(--primary-rgb),.06);color:var(--course-text-primary);color:var(--text-primary,var(--course-text-primary));transform:none}.capsule-course-premium .main-content .tab-nav .tab-button.active{background:rgba(var(--primary-rgb),.12);border-color:#0000;color:var(--primary);font-weight:600;transform:none}.capsule-course-premium .main-content .tab-nav .tab-button svg{flex-shrink:0;font-size:18px}.capsule-course-premium .main-content .tab-nav .tab-count{background:rgba(var(--primary-rgb),.1);border-radius:10px;color:var(--primary);flex-shrink:0;font-size:11px;font-weight:600;line-height:1.4;padding:2px 8px}.capsule-course-premium .main-content .tab-nav .tab-button.active .tab-count{background:rgba(var(--primary-rgb),.18);color:var(--primary)}.capsule-course-premium .tab-content{animation:fadeIn .4s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm,0 1px 3px #00000014);min-height:500px;padding:32px;position:relative;z-index:1}.capsule-course-premium .tab-content:has(>.chapters-layout),.capsule-course-premium .tab-content:has(>.tests-layout){background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.capsule-course-premium .content-section{animation:fadeInUp .4s ease}.capsule-course-premium .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:32px}.capsule-course-premium .section-title svg{color:var(--primary);font-size:32px}.capsule-course-premium .overview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.capsule-course-premium .overview-card{animation:fadeInUp .5s ease;animation-fill-mode:backwards;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:16px;cursor:default;padding:24px;transition:all var(--transition-base)}.capsule-course-premium .overview-card:first-child{animation-delay:.1s}.capsule-course-premium .overview-card:nth-child(2){animation-delay:.2s}.capsule-course-premium .overview-card:nth-child(3){animation-delay:.3s}.capsule-course-premium .overview-card:nth-child(4){animation-delay:.4s}.capsule-course-premium .overview-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.capsule-course-premium .overview-icon{color:var(--primary);font-size:48px;margin-bottom:16px}.capsule-course-premium .overview-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.capsule-course-premium .overview-card p{color:var(--text-secondary);line-height:1.6}.capsule-course-premium .chapters-layout{grid-gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:0;grid-template-columns:280px 230px 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 220px);max-height:calc(100vh - 220px);min-height:600px;overflow:hidden}.capsule-course-premium .chapters-layout:not(:has(.subsubjects-panel)){grid-template-columns:280px 1fr}.capsule-course-premium .chapters-layout:not(:has(.subsubjects-panel)) .chapters-content-area{grid-column:2/-1}.capsule-course-premium .chapters-layout:not(:has(.subjects-sidebar)):has(.subsubjects-panel){grid-template-columns:260px 1fr}.capsule-course-premium .chapters-layout:not(:has(.subjects-sidebar)) .subsubjects-panel{grid-column:1}.capsule-course-premium .chapters-layout:not(:has(.subjects-sidebar)) .chapters-content-area{grid-column:2}.capsule-course-premium .subjects-sidebar{background:#0000;border-right:1px solid var(--border-color);display:grid;grid-row:1/-1;grid-template-rows:subgrid;overflow:hidden}.capsule-course-premium .sidebar-header{border-bottom:2px solid var(--primary);display:flex;flex-direction:column;justify-content:center;padding:10px 16px}.capsule-course-premium .sidebar-title{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.capsule-course-premium .sidebar-subtitle{color:var(--text-muted);font-size:11px;margin-top:2px}.capsule-course-premium .subjects-list{grid-row:2/-1;min-height:0;overflow-y:auto;padding:0}.capsule-course-premium .subject-item{border-bottom:1px solid var(--border-color)}.capsule-course-premium .subject-item:last-child{border-bottom:none}.capsule-course-premium .subject-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;overflow:hidden;padding:10px 14px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.capsule-course-premium .subject-btn:hover{background:rgba(var(--primary-rgb),.05);color:var(--text-primary)}.capsule-course-premium .subject-btn.active{background:rgba(var(--primary-rgb),.08);border-left:3px solid var(--primary);color:var(--primary);font-weight:600;padding-left:11px}.capsule-course-premium .subject-info{align-items:center;display:flex;gap:8px;min-width:0}.capsule-course-premium .subject-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .subject-icon{color:var(--primary);font-size:16px}.capsule-course-premium .subject-meta{color:var(--text-muted);flex-shrink:0;font-size:11px;white-space:nowrap}.capsule-course-premium .subject-btn.subject-btn-test{align-items:stretch;flex-direction:column;gap:8px}.capsule-course-premium .subject-btn-main{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-width:0}.capsule-course-premium .subsubjects-panel{background:#0000;border-right:1px solid var(--border-color);display:grid;grid-row:1/-1;grid-template-rows:subgrid;overflow:hidden}.capsule-course-premium .subsubjects-header{border-bottom:2px solid var(--success);display:flex;flex-direction:column;justify-content:center;padding:10px 16px}.capsule-course-premium .subsubjects-title{color:var(--success);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.capsule-course-premium .subsubjects-list{grid-row:2/-1;min-height:0;overflow-y:auto;padding:0}.capsule-course-premium .subsubject-item{border-bottom:1px solid var(--border-color)}.capsule-course-premium .subsubject-item:last-child{border-bottom:none}.capsule-course-premium .subsubject-btn{align-items:center;background:#0000;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 14px;text-align:left;transition:background .15s ease,color .15s ease;width:100%}.capsule-course-premium .subsubject-btn:hover{background:rgba(var(--primary-rgb),.05);color:var(--text-primary)}.capsule-course-premium .subsubject-btn.active{background:rgba(var(--primary-rgb),.08);border-left:3px solid var(--primary);color:var(--primary);font-weight:600;padding-left:11px}.capsule-course-premium .subsubject-count{background:rgba(var(--primary-rgb),.08);border-radius:10px;color:var(--primary);font-size:11px;font-weight:600;line-height:1.4;padding:2px 8px}.capsule-course-premium .subsubject-btn.active .subsubject-count{background:rgba(var(--primary-rgb),.18)}.capsule-course-premium .chapters-content-area{background:var(--bg-card);display:grid;grid-row:1/-1;grid-template-rows:subgrid;overflow:hidden}.capsule-course-premium .content-header{border-bottom:2px solid var(--info);display:flex;flex-direction:column;justify-content:center;padding:10px 16px}.capsule-course-premium .content-filters{align-items:center;display:flex;gap:6px}.capsule-course-premium .content-section-title{color:var(--info);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.capsule-course-premium .content-section-count{color:var(--text-muted);font-size:11px;font-weight:400;letter-spacing:0;margin-left:6px;text-transform:none}.capsule-course-premium .search-wrapper{flex:1 1;position:relative}.capsule-course-premium .search-icon{color:var(--text-muted);font-size:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.capsule-course-premium .search-input{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;padding:7px 32px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.capsule-course-premium .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.capsule-course-premium .search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:color .15s ease}.capsule-course-premium .search-clear-btn:hover{color:var(--text-primary)}.capsule-course-premium .expand-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease,border-color .2s ease;width:32px}.capsule-course-premium .expand-btn:hover{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.2);color:var(--primary)}.capsule-course-premium .content-type-tabs{align-items:stretch;border-bottom:2px solid var(--info);display:flex;gap:0;padding:0 16px}.capsule-course-premium .type-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:0;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;height:100%;padding:0 14px;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.capsule-course-premium .type-tab:hover{color:var(--text-primary)}.capsule-course-premium .type-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.capsule-course-premium .content-scroll{min-height:0;overflow-y:auto;padding:0}.capsule-course-premium .content-header+.content-scroll{grid-row:2/-1}.capsule-course-premium .chapter-group{border-bottom:1px solid var(--border-color);overflow:hidden}.capsule-course-premium .chapter-group:last-child{border-bottom:none}.capsule-course-premium .chapter-group-header{align-items:center;background:#0000;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:background .15s ease}.capsule-course-premium .chapter-group-header:hover{background:rgba(var(--primary-rgb),.04)}.capsule-course-premium .chapter-group.expanded .chapter-group-header{background:rgba(var(--primary-rgb),.05);border-bottom:1px solid var(--border-color)}.capsule-course-premium .chapter-group-title{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.capsule-course-premium .chapter-group-title>span{color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .chapter-number-badge{align-items:center;background:rgba(var(--info-rgb),.1);border-radius:8px;color:var(--info);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.capsule-course-premium .chapter-group.expanded .chapter-number-badge{background:var(--info);color:#fff}.capsule-course-premium .chapter-stats{align-items:center;display:flex;flex-shrink:0;gap:6px}.capsule-course-premium .stat-chip{align-items:center;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:0}.capsule-course-premium .stat-chip svg{font-size:13px}.capsule-course-premium .stat-chip:first-child svg{color:var(--danger)}.capsule-course-premium .stat-chip:nth-child(2) svg{color:var(--success)}.capsule-course-premium .stat-chip:nth-child(3) svg{color:var(--primary)}.capsule-course-premium .stat-chip+.stat-chip:before{color:var(--text-dim);content:"·";margin-right:6px}.capsule-course-premium .chapter-expand-icon{color:var(--text-muted);flex-shrink:0;font-size:18px;transition:transform .2s ease,color .15s ease}.capsule-course-premium .chapter-group.expanded .chapter-expand-icon{color:var(--info);transform:rotate(180deg)}.capsule-course-premium .chapter-group-content{padding:0;position:relative}.capsule-course-premium .resources-vertical{display:flex;flex-direction:column}.capsule-course-premium .resource-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);border-left:3px solid #0000;border-radius:0;cursor:pointer;display:flex;gap:12px;padding:10px 16px 10px 24px;position:relative;transition:background .15s ease,border-left-color .15s ease}.capsule-course-premium .resource-item:last-child{border-bottom:none}.capsule-course-premium .resource-item.video{border-left-color:var(--danger)}.capsule-course-premium .resource-item.note{border-left-color:var(--success)}.capsule-course-premium .resource-item.test{border-left-color:var(--primary)}.capsule-course-premium .resource-item:hover{background:rgba(var(--primary-rgb),.04)}.capsule-course-premium .resource-item.locked{cursor:not-allowed;opacity:.5}.capsule-course-premium .resource-item.locked:hover{background:#0000}.capsule-course-premium .resource-thumbnail{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;width:34px}.capsule-course-premium .resource-item.video .resource-thumbnail{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.capsule-course-premium .resource-item.note .resource-thumbnail{background:rgba(var(--success-rgb),.1);color:var(--success)}.capsule-course-premium .resource-item.test .resource-thumbnail{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.capsule-course-premium .resource-details{flex:1 1;min-width:0}.capsule-course-premium .resource-title{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .resource-metadata{color:var(--text-muted);display:flex;font-size:11px;gap:10px;margin-top:2px}.capsule-course-premium .resource-metadata span{align-items:center;display:flex;gap:3px}.capsule-course-premium .resource-metadata svg{font-size:12px}.capsule-course-premium .resource-lock{color:var(--text-dim);flex-shrink:0;font-size:15px}.capsule-course-premium .resource-item.test-resource{align-items:stretch;border-left-color:var(--primary);flex-direction:column;padding:12px 16px 12px 24px}.capsule-course-premium .test-resource-header{align-items:center;display:flex;gap:10px}.capsule-course-premium .test-status-info{align-items:center;display:flex;font-size:11px;gap:10px;margin-top:2px;padding:4px 0 2px 46px}.capsule-course-premium .test-status-badge{align-items:center;color:var(--primary);display:flex;font-weight:600;gap:3px}.capsule-course-premium .test-status-badge svg{flex-shrink:0;font-size:13px}.capsule-course-premium .test-status-score{align-items:center;color:var(--success);display:flex;font-weight:600;gap:3px}.capsule-course-premium .test-status-score svg{flex-shrink:0;font-size:13px}.capsule-course-premium .test-action-btn{margin-top:6px;min-height:32px;transition:opacity .15s ease;width:100%}.capsule-course-premium .test-action-btn.btn-primary{background:var(--primary);color:#fff}.capsule-course-premium .test-action-btn.btn-primary:hover{box-shadow:none;opacity:.9;transform:none}.capsule-course-premium .test-action-btn.btn-warning{background:var(--warning);color:#fff}.capsule-course-premium .test-action-btn.btn-success{background:var(--success);color:#fff}.capsule-course-premium .test-action-btn.btn-completed{background:var(--text-muted);color:#fff;opacity:.7}.capsule-course-premium .test-action-btn.btn-locked{background:var(--warning);color:#fff}.capsule-course-premium .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.capsule-course-premium .empty-state svg{color:var(--text-dim);font-size:48px;margin-bottom:16px}.capsule-course-premium .empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px}.capsule-course-premium .empty-state p{color:var(--text-secondary);font-size:14px;max-width:360px}.capsule-course-premium .empty-state.empty-state-padded{padding:60px 20px}.capsule-course-premium .empty-state .empty-icon-large{color:#ddd;font-size:64px}.capsule-course-premium .mobile-selection-cards.no-margin-bottom{margin-bottom:0}.capsule-course-premium .educators-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.capsule-course-premium .educator-card{align-items:center;animation:fadeInUp .5s ease;animation-fill-mode:backwards;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:100%;min-height:320px;padding:24px;text-align:center;transition:all var(--transition-base)}.capsule-course-premium .educator-card:first-child{animation-delay:.1s}.capsule-course-premium .educator-card:nth-child(2){animation-delay:.2s}.capsule-course-premium .educator-card:nth-child(3){animation-delay:.3s}.capsule-course-premium .educator-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.capsule-course-premium .educator-avatar{align-items:center;background:var(--gradient-primary);border:3px solid var(--border-light);border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:16px;overflow:hidden;width:100px}.capsule-course-premium .educator-avatar img{height:100%;object-fit:cover;width:100%}.capsule-course-premium .educator-avatar svg{color:#fff;font-size:48px}.capsule-course-premium .educator-content{display:flex;flex:1 1;flex-direction:column;gap:12px;width:100%}.capsule-course-premium .educator-content h3{color:var(--text-primary);font-size:20px;font-weight:700}.capsule-course-premium .educator-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.capsule-course-premium .educator-badges .badge{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);display:flex;font-size:12px;gap:4px;padding:6px 12px}.capsule-course-premium .educator-badges .badge svg{color:var(--primary);font-size:14px}.capsule-course-premium .educator-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-top:auto}.capsule-course-premium .tests-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:240px 1fr;height:calc(100vh - 300px);min-height:600px}.capsule-course-premium .tests-content-area{animation:fadeInUp .5s ease;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:16px;overflow-y:auto;padding:24px}.capsule-course-premium .tests-content-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.capsule-course-premium .tests-content-header .section-title{align-items:center;display:flex;font-size:20px;font-weight:600;gap:12px;margin:0}.capsule-course-premium .tests-content-header .tests-count{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px}.capsule-course-premium .test-type-badge{align-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1) 0,rgba(var(--primary-rgb),.05) 100%);border:1px solid rgba(var(--primary-rgb),.2);border-radius:8px;color:var(--primary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:12px;padding:6px 12px}.capsule-course-premium .test-type-badge svg{font-size:14px}.capsule-course-premium .mobile-tests-layout{display:none;flex-direction:column;gap:20px;overflow:visible;position:relative;z-index:1}.capsule-course-premium .mobile-tests-content{animation:fadeInUp .5s ease}.capsule-course-premium .mobile-tests-content .tests-content-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.capsule-course-premium .mobile-tests-content .tests-content-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.capsule-course-premium .mobile-tests-content .tests-count{background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:4px 10px}.capsule-course-premium .test-type-section{animation:fadeInUp .5s ease}.capsule-course-premium .test-type-header{align-items:center;border-bottom:2px solid var(--border-color);color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:12px}.capsule-course-premium .test-type-header svg{color:var(--primary);font-size:24px}.capsule-course-premium .test-count{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;margin-left:auto;padding:4px 12px}.capsule-course-premium .package-grid,.capsule-course-premium .test-series-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:14px 16px}.capsule-course-premium .package-card,.capsule-course-premium .test-card{background:var(--bg-elevated);border:1.5px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000001f,0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;padding:18px;transition:border-color .2s ease,box-shadow .2s ease}.capsule-course-premium .package-card:hover,.capsule-course-premium .test-card:hover{border-color:rgba(var(--primary-rgb),.4);box-shadow:var(--shadow-md)}.capsule-course-premium .package-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.capsule-course-premium .package-icon{color:var(--success);font-size:32px}.capsule-course-premium .package-card h3,.capsule-course-premium .test-card h3{font-size:15px;font-weight:600;margin:0}.capsule-course-premium .package-description{color:var(--text-secondary);line-height:1.6}.capsule-course-premium .test-image{background:var(--bg-elevated);border-radius:8px;flex-shrink:0;height:150px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.capsule-course-premium .test-image img{height:100%;object-fit:cover;width:100%}.capsule-course-premium .test-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.capsule-course-premium .test-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.capsule-course-premium .test-stats{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.capsule-course-premium .test-stats span{align-items:center;background:rgba(var(--primary-rgb),.06);border-radius:12px;display:inline-flex;font-weight:500;gap:4px;padding:3px 10px}.capsule-course-premium .test-stats svg{font-size:14px}.capsule-course-premium .test-stats span:first-child svg{color:var(--info)}.capsule-course-premium .test-stats span:nth-child(2) svg{color:var(--warning)}.capsule-course-premium .test-stats span:nth-child(3) svg{color:var(--danger)}.capsule-course-premium .test-hierarchy{display:flex;flex-wrap:wrap;gap:6px}.capsule-course-premium .test-meta{align-items:center;background:rgba(var(--primary-rgb),.06);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:4px;padding:3px 8px}.capsule-course-premium .test-meta svg{font-size:13px}.capsule-course-premium .test-hierarchy .test-meta:first-child svg{color:var(--primary)}.capsule-course-premium .test-hierarchy .test-meta:nth-child(2) svg{color:var(--success)}.capsule-course-premium .test-hierarchy .test-meta:nth-child(3) svg{color:var(--info)}.capsule-course-premium .test-subjects{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin:4px 0}.capsule-course-premium .test-subjects svg{color:var(--primary);flex-shrink:0;font-size:16px}.capsule-course-premium .test-subjects span{line-height:1.4}.capsule-course-premium .test-card.locked{position:relative}.capsule-course-premium .lock-overlay{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.capsule-course-premium .test-card.locked:hover .lock-overlay{background:#000000b3}.capsule-course-premium .lock-overlay .lock-icon{color:#fff;font-size:40px}.capsule-course-premium .btn-locked{align-items:center;background:var(--warning);border:none;color:#fff;cursor:pointer;display:flex;gap:6px}.capsule-course-premium .btn-locked:hover{opacity:.9}.capsule-course-premium .btn-locked:before{content:"🔒";font-size:14px}.capsule-course-premium .test-badge-info{align-items:center;color:var(--primary);display:flex;font-size:12px;font-weight:600;gap:4px}.capsule-course-premium .test-score-info{align-items:center;color:var(--success);display:flex;font-size:12px;font-weight:600;gap:4px}.capsule-course-premium .test-badge-info svg,.capsule-course-premium .test-score-info svg{flex-shrink:0;font-size:14px}.capsule-course-premium .test-attempt-info{display:flex;flex-wrap:wrap;gap:8px}.capsule-course-premium .lock-overlay-icon{color:#fff;font-size:32px}.capsule-course-premium .btn-analytics{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);color:var(--primary);transition:background .2s ease}.capsule-course-premium .btn-analytics:hover:not(:disabled){background:rgba(var(--primary-rgb),.18)}.capsule-course-premium .btn-analytics:disabled{opacity:.4}.capsule-course-premium .subject-analytics-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;margin-top:8px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}.capsule-course-premium .subject-analytics-btn svg{flex-shrink:0;font-size:16px}.capsule-course-premium .subject-analytics-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:768px){.capsule-course-premium .lock-overlay svg{font-size:32px!important}.capsule-course-premium .btn-locked{font-size:13px;padding:8px 14px}.capsule-course-premium .btn-locked:before{font-size:12px}}.capsule-course-premium .faqs-list{display:flex;flex-direction:column;gap:12px}.capsule-course-premium .faq-item{animation:fadeInUp .4s ease;animation-fill-mode:backwards;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.capsule-course-premium .faq-item:first-child{animation-delay:.1s}.capsule-course-premium .faq-item:nth-child(2){animation-delay:.2s}.capsule-course-premium .faq-item:nth-child(3){animation-delay:.3s}.capsule-course-premium .faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:20px;transition:all var(--transition-base)}.capsule-course-premium .faq-item summary::-webkit-details-marker{display:none}.capsule-course-premium .faq-item summary:hover{background:var(--bg-tertiary)}.capsule-course-premium .faq-item summary svg{transition:transform var(--transition-base)}.capsule-course-premium .faq-item[open] summary svg{transform:rotate(180deg)}.capsule-course-premium .faq-answer{animation:slideDown .3s ease;color:var(--text-secondary);line-height:1.6;padding:0 20px 20px}.capsule-course-premium .reviews-container{display:flex;flex-direction:column;gap:32px}.capsule-course-premium .reviews-summary{animation:fadeInUp .5s ease;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:16px;display:flex;gap:48px;padding:32px}.capsule-course-premium .rating-overview{text-align:center}.capsule-course-premium .rating-large{color:var(--primary);font-size:48px;font-weight:800;margin-bottom:12px}.capsule-course-premium .rating-stars{display:flex;gap:4px;justify-content:center;margin-bottom:8px}.capsule-course-premium .modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.capsule-course-premium .modal-content{animation:scaleIn .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-xl);max-width:500px;padding:40px;position:relative;width:90%}.capsule-course-premium .modal-close{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all var(--transition-base);width:44px}.capsule-course-premium .modal-close:hover{background:var(--bg-elevated);color:var(--primary);transform:rotate(90deg)}.capsule-course-premium .modal-icon{animation:pulse 2s ease 1;color:var(--primary);display:flex;font-size:64px;justify-content:center;margin-bottom:24px}.capsule-course-premium .modal-content h3{font-size:28px;font-weight:700;margin-bottom:16px;text-align:center}.capsule-course-premium .modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:32px;text-align:center}.capsule-course-premium .modal-price-info{align-items:center;background:var(--bg-tertiary);border-radius:12px;display:flex;gap:12px;justify-content:center;margin-bottom:24px;padding:16px}.capsule-course-premium .modal-price-info .current-price{color:var(--primary);font-size:32px;font-weight:800}.capsule-course-premium .modal-price-info .original-price{color:var(--text-muted);font-size:20px;text-decoration:line-through}.capsule-course-premium .modal-price-info .discount-badge{background:var(--gradient-success);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:6px 12px}.capsule-course-premium .modal-actions{display:flex;gap:12px}.capsule-course-premium .modal-actions button{border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px;transition:all var(--transition-base)}.capsule-course-premium .modal-actions .btn{border:none}.capsule-course-premium .modal-actions .btn-primary{background:var(--gradient-primary);color:#fff}.capsule-course-premium .modal-actions .btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.capsule-course-premium .modal-actions .btn-secondary{background:#0000;border:2px solid var(--border-color);color:var(--text-secondary)}.capsule-course-premium .modal-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.capsule-course-premium .modal-actions .btn-free{background:var(--gradient-success);color:#fff}.capsule-course-premium .modal-actions .btn-free:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.capsule-course-premium .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.capsule-course-premium .loading-container p{color:var(--text-secondary);margin-top:16px}.capsule-course-premium .mobile-tab-selector{animation:fadeInDown .4s ease;display:none;margin-bottom:20px}.capsule-course-premium .mobile-tab-current{align-items:center;background:var(--course-card-bg);background:var(--bg-card,var(--course-card-bg));border-left-color:var(--border-color,var(--course-border-color));border:1.5px solid var(--border-color,var(--course-border-color));border-left:3px solid var(--primary);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--course-text-primary);color:var(--text-primary,var(--course-text-primary));cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:14px 16px;transition:all .2s ease;transition:all var(--transition-base,.2s ease);width:100%}.capsule-course-premium .mobile-tab-current:active{background:var(--bg-tertiary);transform:scale(.98)}.capsule-course-premium .mobile-tab-current>div{align-items:center;display:flex;gap:10px}.capsule-course-premium .mobile-tab-current>div svg:first-child{color:var(--primary);font-size:20px}.capsule-course-premium .mobile-tab-current svg:last-child{color:var(--text-muted);font-size:20px;transition:transform .2s ease;transition:transform var(--transition-base,.2s ease)}.capsule-course-premium .mobile-tab-current.open svg:last-child{transform:rotate(180deg)}.capsule-course-premium .capsule-course-mobile-tab-overlay{animation:fadeIn .2s ease;background:#00000073;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal-backdrop,1040)}.capsule-course-premium .capsule-course-mobile-tab{animation:tabMenuSlideUp .3s cubic-bezier(.32,.72,0,1);background:var(--bg-card);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -4px 24px #00000026;display:flex;flex-direction:column;left:0;max-height:70vh;overflow:hidden;position:fixed;right:0;z-index:1050;z-index:var(--z-modal,1050)}@keyframes tabMenuSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.capsule-course-premium .capsule-course-mobile-tab-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.capsule-course-premium .capsule-course-mobile-tab-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.capsule-course-premium .capsule-course-mobile-tab-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:22px;padding:4px}.capsule-course-premium .capsule-course-mobile-tab-header button:active{opacity:.7}.capsule-course-premium .capsule-course-mobile-tab-content{flex:1 1;overflow-y:auto;padding:6px 8px}.capsule-course-premium .capsule-course-mobile-tab-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:14px 16px;transition:background .15s ease;width:100%}.capsule-course-premium .capsule-course-mobile-tab-item:active{transform:scale(.98)}.capsule-course-premium .capsule-course-mobile-tab-item:hover{background:rgba(var(--primary-rgb),.06)}.capsule-course-premium .capsule-course-mobile-tab-item.active{background:var(--course-primary-color);background:var(--gradient-primary,var(--course-primary-color));color:#fff;font-weight:600}.capsule-course-premium .capsule-course-mobile-tab-item>div{align-items:center;display:flex;gap:12px}.capsule-course-premium .capsule-course-mobile-tab-item svg{font-size:20px}.capsule-course-premium .capsule-course-mobile-tab-item .count{background:#ffffff1a;background:var(--border-light,#ffffff1a);border-radius:6px;font-size:12px;font-weight:600;padding:2px 8px}.capsule-course-premium .mobile-chapters-layout{display:none}.capsule-course-premium .mobile-selection-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.capsule-course-premium .selection-card{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease}.capsule-course-premium .selection-card:active{border-color:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.15)}.capsule-course-premium .selection-card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.capsule-course-premium .selection-card-icon svg{font-size:18px}.capsule-course-premium .subject-icon-wrap{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.capsule-course-premium .subsubject-icon-wrap{background:rgba(var(--success-rgb),.1);color:var(--success)}.capsule-course-premium .selection-card-body{flex:1 1;min-width:0}.capsule-course-premium .selection-card-body label{color:var(--text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:2px;pointer-events:none;text-transform:uppercase}.capsule-course-premium .selection-card:first-child .selection-card-body label{color:var(--primary)}.capsule-course-premium .selection-card:nth-child(2) .selection-card-body label{color:var(--success)}.capsule-course-premium .selection-card-value{color:var(--text-primary);display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .selection-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:18px;transition:color .2s ease}.capsule-course-premium .selection-card:active .selection-card-arrow{color:var(--primary)}.capsule-course-premium .analytics-icon-wrap{background:#3b82f61f!important;background:rgba(var(--info-rgb,59,130,246),.12)!important;color:#3b82f6!important;color:var(--info,#3b82f6)!important}.capsule-course-premium .selection-card.analytics-card .selection-card-body label{color:#3b82f6;color:var(--info,#3b82f6)}.capsule-course-premium .picker-input{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:44px;padding:10px 12px;text-align:left;transition:border-color .2s ease;width:100%}.capsule-course-premium .picker-input:active{border-color:var(--primary)}.capsule-course-premium .picker-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .picker-icon{color:var(--text-muted);flex-shrink:0;font-size:18px;margin-left:8px}.capsule-course-premium .picker-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000073;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.capsule-course-premium .picker-modal{animation:pickerSlideUp .3s cubic-bezier(.32,.72,0,1);background:var(--bg-card);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 24px #00000026;display:flex;flex-direction:column;max-height:55vh;width:100%}@keyframes pickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.capsule-course-premium .picker-drag-handle{display:flex;flex-shrink:0;justify-content:center;padding:10px 0 4px}.capsule-course-premium .picker-drag-handle span{background:var(--border-color);border-radius:2px;display:block;height:4px;width:36px}.capsule-course-premium .picker-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px 12px}.capsule-course-premium .picker-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.capsule-course-premium .picker-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:6px 4px;transition:color .2s ease}.capsule-course-premium .picker-header button:active{opacity:.7}.capsule-course-premium .picker-done{color:var(--primary);font-weight:600}.capsule-course-premium .picker-scroll-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:6px 0}.capsule-course-premium .picker-item{align-items:center;cursor:pointer;display:flex;gap:12px;min-height:52px;padding:10px 16px;transition:background .15s ease}.capsule-course-premium .picker-item:active{background:var(--bg-tertiary)}.capsule-course-premium .picker-item.selected{background:rgba(var(--primary-rgb),.06)}.capsule-course-premium .picker-item-icon{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s ease,color .2s ease;width:36px}.capsule-course-premium .picker-item-icon svg{color:var(--text-secondary);font-size:16px}.capsule-course-premium .picker-item-icon.active{background:rgba(var(--primary-rgb),.12)}.capsule-course-premium .picker-item-icon.active svg{color:var(--primary)}.capsule-course-premium .picker-item-content{flex:1 1;min-width:0}.capsule-course-premium .picker-item-text{color:var(--text-primary);display:block;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .picker-item.selected .picker-item-text{color:var(--primary);font-weight:600}.capsule-course-premium .picker-item-meta{color:var(--text-muted);display:block;font-size:12px;margin-top:1px}.capsule-course-premium .picker-check{color:var(--primary);flex-shrink:0;font-size:20px}.capsule-course-premium .mobile-content-chips{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.capsule-course-premium .mobile-content-chips::-webkit-scrollbar{display:none}.capsule-course-premium .chip{-webkit-tap-highlight-color:transparent;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:7px 16px;transition:background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.capsule-course-premium .chip:active{transform:scale(.96)}.capsule-course-premium .chip.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.25);color:#fff;font-weight:600}.capsule-course-premium .mobile-chapters-content{display:flex;flex-direction:column;gap:8px;padding-bottom:80px}.capsule-course-premium .mobile-chapter{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.capsule-course-premium .mobile-chapter.expanded{border-color:rgba(var(--info-rgb),.25);box-shadow:0 2px 12px rgba(var(--info-rgb),.08)}.capsule-course-premium .mobile-chapter-header{align-items:center;background:#0000;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all var(--transition-base)}.capsule-course-premium .mobile-chapter.expanded .mobile-chapter-header{background:rgba(var(--primary-rgb),.03);border-bottom:1px solid var(--border-color)}.capsule-course-premium .mobile-chapter-header:active{background:var(--bg-tertiary)}.capsule-course-premium .chapter-number{align-items:center;background:rgba(var(--info-rgb),.1);border-radius:8px;color:var(--info);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.capsule-course-premium .mobile-chapter.expanded .chapter-number{background:var(--info);color:#fff}.capsule-course-premium .chapter-info{flex:1 1;min-width:0}.capsule-course-premium .chapter-info h3{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .chapter-meta{color:var(--text-muted);display:flex;font-size:11px;gap:10px}.capsule-course-premium .chapter-meta span{align-items:center;display:flex;gap:3px}.capsule-course-premium .chapter-meta span:first-child svg{color:var(--danger);font-size:14px}.capsule-course-premium .chapter-meta span:nth-child(2) svg{color:var(--success);font-size:14px}.capsule-course-premium .chapter-meta span:nth-child(3) svg{color:var(--primary);font-size:14px}.capsule-course-premium .expand-icon{color:var(--text-muted);font-size:20px;transition:transform var(--transition-base),color var(--transition-base)}.capsule-course-premium .mobile-chapter.expanded .expand-icon{color:var(--info);transform:rotate(180deg)}.capsule-course-premium .mobile-chapter-items{padding:4px 0}.capsule-course-premium .ch-item{-webkit-tap-highlight-color:transparent;align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:10px;padding:9px 14px;transition:background .15s ease}.capsule-course-premium .ch-item:last-child{border-bottom:none}.capsule-course-premium .ch-item:active{background:rgba(var(--primary-rgb),.04)}.capsule-course-premium .ch-item-icon{flex-shrink:0;font-size:18px}.capsule-course-premium .ch-item.video .ch-item-icon{color:var(--danger)}.capsule-course-premium .ch-item.note .ch-item-icon{color:var(--success)}.capsule-course-premium .ch-item.test .ch-item-icon{color:var(--primary)}.capsule-course-premium .ch-item-body{flex:1 1;min-width:0}.capsule-course-premium .ch-item-name{color:var(--text-primary);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capsule-course-premium .ch-item-meta{color:var(--text-muted);display:block;font-size:11px;margin-top:1px}.capsule-course-premium .ch-item-lock{color:var(--text-dim);flex-shrink:0;font-size:14px}.capsule-course-premium .ch-item-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:5px 12px;transition:opacity .15s ease;white-space:nowrap}.capsule-course-premium .ch-item-btn:active{opacity:.8}.capsule-course-premium .ch-item-btn.btn-primary{background:var(--primary);color:#fff}.capsule-course-premium .ch-item-btn.btn-warning{background:rgba(var(--warning-rgb),.12);color:var(--warning)}.capsule-course-premium .ch-item-btn.btn-success{background:rgba(var(--success-rgb),.12);color:var(--success)}.capsule-course-premium .ch-item-btn.btn-completed{background:var(--bg-tertiary);color:var(--text-muted)}.capsule-course-premium .ch-item-btn.btn-locked{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.capsule-course-premium .ch-item-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.capsule-course-premium .ch-item-analytics-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:rgba(var(--primary-rgb),.1);border:none;border-radius:6px;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.capsule-course-premium .ch-item-analytics-btn svg{font-size:15px}.capsule-course-premium .ch-item-analytics-btn:active{opacity:.7}.capsule-course-premium .filter-sheet{background:var(--bg-card);border-top-left-radius:24px;border-top-right-radius:24px;bottom:0;box-shadow:0 -10px 30px #0000004d;display:none;left:0;position:fixed;right:0;z-index:var(--z-modal)}.capsule-course-premium .filter-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.capsule-course-premium .filter-header h3{font-size:18px;font-weight:600}.capsule-course-premium .filter-header button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;transition:transform var(--transition-base)}.capsule-course-premium .filter-header button:active{transform:scale(.9)}.capsule-course-premium .filter-content{max-height:60vh;overflow-y:auto;padding:20px}.capsule-course-premium .filter-group{margin-bottom:24px}.capsule-course-premium .filter-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:12px}.capsule-course-premium .filter-options{display:flex;flex-wrap:wrap;gap:8px}.capsule-course-premium .filter-options button{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all var(--transition-base)}.capsule-course-premium .filter-options button:active{transform:scale(.95)}.capsule-course-premium .filter-options button.active{background:var(--gradient-primary);border-color:#0000;color:#fff}.capsule-course-premium .filter-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px}.capsule-course-premium .filter-footer button{border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all var(--transition-base)}.capsule-course-premium .btn-clear{background:#0000;border:2px solid var(--border-color);color:var(--text-secondary)}.capsule-course-premium .btn-clear:active{transform:scale(.98)}.capsule-course-premium .btn-apply{background:var(--gradient-primary);border:none;color:#fff}.capsule-course-premium .btn-apply:active{transform:scale(.98)}.capsule-course-premium .mobile-bottom-bar{align-items:center;background:var(--bg-card);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 16px #00000014;display:none;gap:12px;justify-content:space-between;left:0;padding:10px 16px;position:fixed;right:0;transform:translateZ(0);-webkit-transform:translateZ(0);z-index:var(--z-fixed)}.capsule-course-premium .price-info{align-items:center;display:flex;flex:1 1;gap:8px}.capsule-course-premium .price-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.capsule-course-premium .price-info .price{color:var(--primary);font-size:clamp(16px,4vw,20px);font-weight:700;line-height:1}.capsule-course-premium .price-info .original{color:var(--text-muted);font-size:clamp(11px,3vw,13px);line-height:1;text-decoration:line-through}.capsule-course-premium .discount-badge-mobile{background:var(--gradient-success);border-radius:6px;box-shadow:0 2px 8px #10b9814d;color:#fff;display:inline-block;font-size:clamp(10px,2.5vw,11px);font-weight:600;padding:4px 8px;white-space:nowrap}.capsule-course-premium .bottom-bar-actions{align-items:center;display:flex;gap:8px}.capsule-course-premium .btn-wishlist-mobile{align-items:center;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.capsule-course-premium .btn-wishlist-mobile:active{transform:scale(.95)}.capsule-course-premium .btn-wishlist-mobile svg{color:var(--text-secondary);font-size:20px;transition:color var(--transition-base)}.capsule-course-premium .btn-wishlist-mobile:has(svg[icon="mdi:heart"]){background:rgba(var(--danger-rgb),.1);border-color:var(--danger)}.capsule-course-premium .btn-wishlist-mobile:has(svg[icon="mdi:heart"]) svg{color:var(--danger)}.capsule-course-premium .btn-enroll{background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:clamp(13px,3.5vw,14px);font-weight:600;padding:12px clamp(16px,5vw,24px);transition:all var(--transition-base);white-space:nowrap}.capsule-course-premium .btn-enroll:active{transform:scale(.98)}.capsule-course-premium .btn-access{background:var(--gradient-success)}.capsule-course-premium .free-price{color:var(--success);font-size:22px}.capsule-course-premium .progress-bar-container{display:flex;flex-direction:column;gap:8px;width:100%}.capsule-course-premium .progress-info{align-items:center;display:flex;justify-content:space-between}.capsule-course-premium .progress-label{color:var(--text-secondary);font-size:13px;font-weight:600}.capsule-course-premium .progress-value{color:var(--primary);font-size:16px;font-weight:700}.capsule-course-premium .progress-bar{background:var(--bg-tertiary);border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.capsule-course-premium .progress-fill{background:var(--gradient-primary);border-radius:10px;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.capsule-course-premium .progress-fill:after{animation:shimmer 2s ease 1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.capsule-course-premium .progress-stats{color:var(--text-muted);display:flex;font-size:11px;justify-content:center}@media (max-width:1024px){.capsule-course-premium .chapters-layout,.capsule-course-premium .tests-layout{grid-template-columns:280px 1fr}.capsule-course-premium .subsubjects-panel{display:none}.capsule-course-premium .hero-content{gap:40px;grid-template-columns:1.2fr 1fr}.capsule-course-premium .main-test-header-top{flex-direction:column;gap:16px}.capsule-course-premium .header-analytics-btn{align-self:flex-start}.capsule-course-premium .main-test-header-title{font-size:20px}}@media (max-width:768px){.capsule-course-premium .tab-nav{display:none!important}.capsule-course-premium .chapters-layout,.capsule-course-premium .tests-layout{display:none}.capsule-course-premium .mobile-tests-layout{display:flex}.capsule-course-premium .mobile-tab-selector{display:block}.capsule-course-premium .mobile-chapters-layout{display:block;position:relative;z-index:1}.capsule-course-premium .tab-content{z-index:auto}.capsule-course-premium .mobile-chapters-layout,.capsule-course-premium .tab-content{-webkit-overflow-scrolling:touch;overflow:auto;transform:translateZ(0)}.capsule-course-premium .tab-nav{-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;top:auto}.capsule-course-premium .mobile-bottom-bar{display:flex}.capsule-course-premium.main-test-page{padding:0 0 100px}.capsule-course-premium.main-test-page .chapters-layout,.capsule-course-premium.main-test-page .main-test-content{display:none}.capsule-course-premium.main-test-page .main-test-header-mobile{border:1px solid var(--border-color);border-radius:12px;display:block;margin:16px 16px 0}.capsule-course-premium{padding-top:0}.capsule-course-premium .hero-section{overflow-x:hidden;overflow-y:visible;padding:12px 0 48px}.capsule-course-premium .hero-container{max-width:100%;overflow:visible;padding:0 16px}.capsule-course-premium .hero-content{gap:16px;grid-template-columns:1fr;overflow:visible;width:100%}.capsule-course-premium .hero-right{max-width:100%;order:-1;overflow:hidden;width:100%}.capsule-course-premium .course-image-container{border-radius:12px;max-height:220px;width:100%}.capsule-course-premium .play-button-overlay{height:60px;width:60px}.capsule-course-premium .play-button-overlay svg{font-size:36px}.capsule-course-premium .btn-wishlist-floating{height:42px;right:12px;top:12px;width:42px}.capsule-course-premium .btn-wishlist-floating svg{font-size:20px}.capsule-course-premium .btn-primary-large{display:none}.capsule-course-premium .hero-left{display:flex;flex-direction:column;max-width:100%;overflow:hidden;width:100%}.capsule-course-premium .course-title{word-wrap:break-word;font-size:22px;line-height:1.2;margin-bottom:8px;order:0;overflow-wrap:break-word}.capsule-course-premium .course-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;order:2}.capsule-course-premium .metric{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;flex-direction:row;flex-shrink:0;gap:6px;padding:8px 12px;transition:all var(--transition-base)}.capsule-course-premium .metric:first-child{flex-shrink:1;min-width:0}.capsule-course-premium .metric:active{background:var(--bg-tertiary);transform:scale(.98)}.capsule-course-premium .rating{align-items:center;display:flex;flex-wrap:nowrap;gap:4px}.capsule-course-premium .rating .star{color:var(--warning);flex-shrink:0;font-size:14px}.capsule-course-premium .rating-value{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:600}.capsule-course-premium .rating-count{color:var(--text-secondary);font-size:12px;white-space:nowrap}.capsule-course-premium .metric svg{color:var(--text-secondary);flex-shrink:0;font-size:16px}.capsule-course-premium .metric span{color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap}.capsule-course-premium .stats-bar{align-items:center;animation:slideInUp .5s ease-out;border-top:1px solid rgba(var(--primary-rgb),.1);display:flex;gap:10px;justify-content:space-evenly;margin-bottom:12px;margin-top:6px;order:1;padding:12px 4px;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.capsule-course-premium .stats-bar::-webkit-scrollbar{display:none}.capsule-course-premium .stat{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;transition:all var(--transition-base)}.capsule-course-premium .stat:active{transform:scale(.95)}.capsule-course-premium .stat svg{animation:bounce 1s ease 1;animation-fill-mode:backwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:22px}.capsule-course-premium .stat:first-child svg{animation-delay:0s;color:var(--primary)}.capsule-course-premium .stat:nth-child(2) svg{animation-delay:.2s;color:var(--primary-light)}.capsule-course-premium .stat:nth-child(3) svg{animation-delay:.4s;color:var(--info)}.capsule-course-premium .stat:nth-child(4) svg{animation-delay:.6s;color:var(--success)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.capsule-course-premium .stat span{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.2;text-align:center}.capsule-course-premium .pricing-section-sub{display:flex!important;flex-direction:column;gap:12px}.capsule-course-premium .action-buttons,.capsule-course-premium .current-price-sub,.capsule-course-premium .hero-left .btn-primary,.capsule-course-premium .original-price-sub,.capsule-course-premium .price-display-sub{display:none}.capsule-course-premium .main-content{margin-top:-16px;max-width:100%;overflow-x:hidden;padding:0 16px 100px}.capsule-course-premium .tab-content{border-radius:12px;box-sizing:border-box;max-width:100%;min-height:auto;overflow:visible;padding:16px 14px;position:relative;width:100%}.capsule-course-premium .section-title{font-size:18px;margin-bottom:16px}.capsule-course-premium .section-title svg{font-size:22px}.capsule-course-premium .educators-grid,.capsule-course-premium .overview-grid,.capsule-course-premium .package-grid,.capsule-course-premium .test-series-grid{gap:12px;grid-template-columns:1fr}.capsule-course-premium .educator-card,.capsule-course-premium .overview-card,.capsule-course-premium .package-card,.capsule-course-premium .test-card{border-radius:10px;min-height:auto!important;padding:14px}.capsule-course-premium .educator-avatar{height:80px;width:80px}.capsule-course-premium .faq-item summary{font-size:15px;padding:16px}.capsule-course-premium .faq-answer{font-size:14px;padding:0 16px 16px}.capsule-course-premium .reviews-summary{flex-direction:column;gap:24px;padding:24px}.capsule-course-premium .rating-large{font-size:40px}.capsule-course-premium .modal-content{max-width:400px;padding:32px 24px;width:95%}.capsule-course-premium .modal-content h3{font-size:24px}.capsule-course-premium .modal-content p{font-size:14px;margin-bottom:24px}.capsule-course-premium .modal-price-info{flex-wrap:wrap;gap:8px;padding:12px}.capsule-course-premium .modal-price-info .current-price{font-size:28px}.capsule-course-premium .modal-price-info .original-price{font-size:18px}.capsule-course-premium .modal-actions{flex-direction:column}.capsule-course-premium .modal-actions button{width:100%}.capsule-course-premium .breadcrumb{-webkit-overflow-scrolling:touch;font-size:12px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.capsule-course-premium .breadcrumb::-webkit-scrollbar{display:none}.capsule-course-premium .breadcrumb button{flex-shrink:0;font-size:12px;min-height:36px;min-width:36px;padding:4px 6px}.capsule-course-premium .enrolled-status{justify-content:center;padding:12px 16px}.capsule-course-premium .enrolled-status svg{font-size:24px}.capsule-course-premium .enrolled-status strong{font-size:14px}.capsule-course-premium .enrolled-status span{font-size:12px}}@media (max-width:480px){.capsule-course-premium .course-title{font-size:20px}.capsule-course-premium .current-price-sub{font-size:24px}.capsule-course-premium .btn-primary{font-size:14px;padding:10px 16px}.capsule-course-premium .section-title{font-size:18px}.capsule-course-premium .modal-content{padding:24px 20px}.capsule-course-premium .modal-content h3{font-size:20px}}.capsule-course-premium ::-webkit-scrollbar{height:8px;width:8px}.capsule-course-premium ::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.capsule-course-premium ::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:4px}.capsule-course-premium ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.capsule-course-premium .rich-content{color:var(--text-secondary);font-size:15px;line-height:1.8}.capsule-course-premium .rich-content h1,.capsule-course-premium .rich-content h2,.capsule-course-premium .rich-content h3,.capsule-course-premium .rich-content h4{color:var(--text-primary);font-weight:600;margin-bottom:12px;margin-top:24px}.capsule-course-premium .rich-content ol,.capsule-course-premium .rich-content ul{margin-bottom:16px;margin-left:24px}.capsule-course-premium .rich-content li{margin-bottom:8px}.capsule-course-premium .rich-content p{margin-bottom:16px}.capsule-course-premium .rich-content a{color:var(--primary);text-decoration:none;transition:color var(--transition-base)}.capsule-course-premium .rich-content a:hover{color:var(--primary-hover);text-decoration:underline}.capsule-course-premium .test-action-wrapper{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:12px}.capsule-course-premium .test-action-wrapper .test-action-btn{border-radius:8px;font-size:13px;gap:6px;height:auto;margin-top:0;min-height:38px;padding:6px 10px}.capsule-course-premium .test-action-wrapper .test-action-btn svg{flex-shrink:0;font-size:15px}.capsule-course-premium .btn-warning{background:var(--warning);border:none;color:#fff}.capsule-course-premium .btn-warning:hover{opacity:.9}.capsule-course-premium .btn-success{background:var(--success);border:none;color:#fff}.capsule-course-premium .btn-success:hover{opacity:.9}.capsule-course-premium .btn-completed{background:var(--text-muted);border:none;color:#fff;cursor:not-allowed;opacity:.7}.capsule-course-premium .btn-completed:hover{opacity:.7}.capsule-course-premium .breadcrumb a:focus-visible,.capsule-course-premium .breadcrumb button:focus-visible,.capsule-course-premium .btn-analytics:focus-visible,.capsule-course-premium .chip:focus-visible,.capsule-course-premium .expand-btn:focus-visible,.capsule-course-premium .filter-select:focus-visible,.capsule-course-premium .main-content .tab-nav .tab-button:focus-visible,.capsule-course-premium .modal-close:focus-visible,.capsule-course-premium .picker-input:focus-visible,.capsule-course-premium .subject-btn:focus-visible,.capsule-course-premium .subsubject-btn:focus-visible,.capsule-course-premium .test-card .test-action-btn:focus-visible,.capsule-course-premium .type-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.capsule-course-premium .test-badge{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 8px;text-align:center}.capsule-course-premium .test-score{color:var(--primary);font-size:12px;font-weight:600;text-align:center}:root[data-theme=light] .test-badge{background:#f3f4f6;color:#6b7280}:root[data-theme=light] .test-score{color:#667eea}@keyframes skeletonShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.capsule-course-premium .btn-skeleton{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:400% 100%;border:1px solid var(--border-color);cursor:wait;overflow:hidden;pointer-events:none;position:relative}.capsule-course-premium .button-skeleton{animation:skeletonShimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff26 50%,#ffffff0d);background-size:200% 100%;border-radius:4px;height:20px;width:100%}.capsule-course-premium .skeleton-shimmer{border-radius:4px;height:100%;width:100%}:root[data-theme=light] .btn-skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);background-size:400% 100%;border:1px solid #e5e7eb}:root[data-theme=light] .button-skeleton{background:linear-gradient(90deg,#00000008,#00000014 50%,#00000008);background-size:200% 100%}.capsule-course-premium .btn:not(.btn-skeleton){animation:fadeIn .3s ease-in}.capsule-course-premium.main-test-page{min-height:100vh;padding:24px 24px 100px}.capsule-course-premium.main-test-page .main-test-content{margin:0 auto;max-width:1280px}.capsule-course-premium.main-test-page .chapters-layout{height:calc(100vh - 200px);max-height:none;min-height:400px}@media (max-height:800px){.capsule-course-premium.main-test-page .chapters-layout{height:calc(100vh - 180px);min-height:350px}}.capsule-course-premium .main-test-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.capsule-course-premium .main-test-header-top{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.capsule-course-premium .main-test-header-content{align-items:flex-start;display:flex;flex:1 1;gap:20px}.capsule-course-premium .main-test-header-image{border:2px solid var(--primary);border-radius:12px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.capsule-course-premium .main-test-header-info{flex:1 1;min-width:0}.capsule-course-premium .main-test-header-title{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1.3;margin:0 0 8px}.capsule-course-premium .header-analytics-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.capsule-course-premium .header-analytics-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.capsule-course-premium .header-analytics-btn svg{font-size:18px}.capsule-course-premium .main-test-header-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;gap:12px;margin-bottom:16px}.capsule-course-premium .main-test-header-meta-items{display:flex;flex-wrap:wrap;gap:20px}.capsule-course-premium .main-test-header-meta-items .meta-item{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;font-weight:500;gap:6px}.capsule-course-premium .main-test-header-meta-items .meta-item svg{color:var(--primary);font-size:18px}.capsule-course-premium .main-test-description{border-left:3px solid var(--primary);color:var(--text-secondary);font-size:15px;line-height:1.6;margin-top:16px;padding-left:16px}.capsule-course-premium .analytics-btn{align-items:center;background:var(--info);border:1px solid var(--info);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin-left:auto;padding:8px 16px;transition:all .2s;white-space:nowrap}.capsule-course-premium .analytics-btn:hover{background:#2563eb;border-color:#2563eb}.capsule-course-premium .analytics-btn svg{flex-shrink:0;font-size:18px}.capsule-course-premium .main-test-header-mobile{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin:16px 16px 0;padding:16px}.capsule-course-premium .main-test-header-mobile-content{align-items:flex-start;display:flex;gap:12px}.capsule-course-premium .main-test-header-mobile-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.capsule-course-premium .main-test-header-mobile-info{flex:1 1;min-width:0}.capsule-course-premium .main-test-header-mobile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px;overflow:hidden}.capsule-course-premium .main-test-header-mobile-meta{color:var(--text-secondary);font-size:13px}.capsule-course-premium .main-test-description-mobile{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;line-height:1.6;margin-top:12px;padding-top:12px}.capsule-course-premium .main-test-description-mobile p{margin:0}.capsule-course-premium .analytics-btn-mobile{align-items:center;background:var(--info);border:1px solid var(--info);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s;width:100%}.capsule-course-premium .analytics-btn-mobile:active{background:#2563eb;border-color:#2563eb}.capsule-course-premium .analytics-btn-mobile svg{flex-shrink:0;font-size:16px}.capsule-course-premium .main-test-layout{margin:0 auto;max-width:1280px;padding:0 24px}.capsule-course-premium .main-test-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:220px 1fr;min-height:600px}.capsule-course-premium .main-test-content-header{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.capsule-course-premium .main-test-content-count{color:var(--text-muted);font-size:14px;font-weight:400;margin-left:12px}.capsule-course-premium .test-info-badges{display:flex;flex-direction:column;gap:4px;margin-top:8px}.capsule-course-premium .test-action-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:12px}.capsule-course-premium .test-action-btn{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:auto;justify-content:center;line-height:1.3;min-height:36px;padding:6px 10px;text-align:center;transition:all .2s;white-space:normal}.capsule-course-premium .test-action-btn:disabled{cursor:not-allowed;opacity:.6}.capsule-course-premium .btn-analytics{align-items:center;background:var(--info);border:1px solid var(--info);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;justify-content:center;min-height:36px;padding:6px 12px;transition:all .2s}.capsule-course-premium .btn-analytics:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.capsule-course-premium .btn-analytics:disabled{cursor:not-allowed;opacity:.5}.capsule-course-premium .btn-analytics svg{font-size:16px}.capsule-course-premium .test-info-badge{align-items:center;display:flex;font-size:13px;font-weight:600;margin-bottom:4px}.capsule-course-premium .test-info-badge.time-left{color:var(--info)}.capsule-course-premium .test-info-badge.best-score{color:var(--success)}.capsule-course-premium .test-info-badge svg{flex-shrink:0;margin-right:4px}@media (max-width:768px){.capsule-course-premium .main-test-layout{padding:0}.capsule-course-premium .main-test-grid{display:block}.capsule-course-premium .hero-section,.capsule-course-premium .lock-overlay,.capsule-course-premium .mobile-tab-menu,.capsule-course-premium .purchase-modal-overlay,.capsule-course-premium .rating-modal-overlay,.capsule-course-premium .tab-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}@media (prefers-reduced-motion:reduce){.capsule-course-premium *,.capsule-course-premium :after,.capsule-course-premium :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}