:root[data-theme=dark]{--course-bg-primary:#09090b;--course-bg-secondary:#2e2e33;--course-bg-hover:#3a3a40;--course-card-bg:#1c1c20;--course-card-inner-bg:#26262a;--course-border-color:#3f3f46;--course-text-primary:#f4f4f5;--course-text-secondary:#a1a1aa;--course-text-muted:#8b8b96;--course-primary-color:#818cf8;--course-accent-color:#f87171;--course-warning-color:#fbbf24;--course-success-color:#10b981;--course-info-color:#38bdf8;--course-card-shadow:0 4px 16px #00000080,0 0 0 1px #ffffff14;--course-shadow:0 10px 30px #00000080;--course-shadow-xl:0 25px 50px #000000b3;--course-overlay:#0006}:root[data-theme=light]{--course-bg-primary:#eef1f5;--course-bg-secondary:#d5dbe3;--course-bg-hover:#ccd2dc;--course-card-bg:#fff;--course-card-inner-bg:#f1f5f9;--course-border-color:#c8d0dc;--course-text-primary:#1a1a1a;--course-text-secondary:#4b5563;--course-text-muted:#6b7280;--course-primary-color:#0b5cb8;--course-accent-color:#ef4444;--course-warning-color:#d97706;--course-success-color:#059669;--course-info-color:#0284c7;--course-card-shadow:0 2px 12px #0000001a,0 1px 4px #00000014;--course-shadow:0 10px 30px #00000024;--course-shadow-xl:0 25px 50px #0000002e;--course-overlay:#0003}:root{--course-bg-primary:#09090b;--course-bg-secondary:#2e2e33;--course-bg-hover:#3a3a40;--course-card-bg:#1c1c20;--course-card-inner-bg:#26262a;--course-border-color:#3f3f46;--course-text-primary:#f4f4f5;--course-text-secondary:#a1a1aa;--course-text-muted:#8b8b96;--course-primary-color:#818cf8;--course-accent-color:#f87171;--course-warning-color:#fbbf24;--course-success-color:#10b981;--course-info-color:#38bdf8;--course-card-shadow:0 4px 16px #00000080,0 0 0 1px #ffffff14;--course-shadow:0 10px 30px #00000080;--course-shadow-xl:0 25px 50px #000000b3;--course-overlay:#0006}.capsule-course-container-modern{background:#09090b;background:var(--course-bg-primary);min-height:100vh;overflow-x:hidden;padding-top:0;position:relative}.bg-pattern-modern{background-image:radial-gradient(circle at 20% 80%,#6366f108 0,#0000 50%),radial-gradient(circle at 80% 20%,#a78bfa08 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}:root[data-theme=light] .bg-pattern-modern{background-image:radial-gradient(circle at 20% 80%,#6366f10d 0,#0000 50%),radial-gradient(circle at 80% 20%,#a78bfa0d 0,#0000 50%)}.capsule-content-wrapper-modern{margin:0 auto;padding:0;position:relative;width:100%;z-index:1}.banner-section-modern{background:#2e2e33;background:var(--course-bg-secondary);border-bottom-left-radius:24px;border-bottom-right-radius:24px;margin-bottom:40px;overflow:hidden}.banner-section-modern,.banner-wrapper-modern{display:block;height:auto;position:relative;width:100%}.banner-wrapper-modern{line-height:0}.banner-image-modern{display:block;height:auto;object-fit:cover;vertical-align:middle;width:100%}.banner-overlay-modern{background:linear-gradient(180deg,#0000,#0006);background:linear-gradient(180deg,#0000 0,var(--course-overlay) 100%);border-bottom-left-radius:24px;border-bottom-right-radius:24px;inset:0;pointer-events:none;position:absolute}.header-section-modern{margin-bottom:40px;margin-top:60px;padding:0 20px;text-align:center}.header-title-modern{color:#f4f4f5;color:var(--course-text-primary);font-size:36px;font-weight:700;margin-bottom:12px}.header-subtitle-modern{color:#a1a1aa;color:var(--course-text-secondary);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.capsule-course-container-modern .search-filter-section-modern{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto 24px;max-width:1440px}.capsule-course-container-modern .search-bar-modern{background:#2e2e33;background:var(--course-bg-secondary);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:12px;flex:1 1;min-width:250px;position:relative;transition:all .2s}.capsule-course-container-modern .search-bar-modern:focus-within{border-color:#818cf8;border-color:var(--course-primary-color);box-shadow:0 0 0 3px #6366f11a}.capsule-course-container-modern .search-icon-modern{color:#8b8b96;color:var(--course-text-muted);font-size:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.capsule-course-container-modern .search-input-modern{background:#0000!important;border:none!important;color:#f4f4f5!important;color:var(--course-text-primary)!important;font-size:15px!important;outline:none!important;padding:12px 80px 12px 48px!important;width:100%}.capsule-course-container-modern .search-input-modern::placeholder{color:#8b8b96;color:var(--course-text-muted)}.capsule-course-container-modern .search-loading-indicator{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute;right:48px;top:50%;transform:translateY(-50%);z-index:2}.capsule-course-container-modern .search-loading-indicator svg{animation:spin 1s linear infinite}.capsule-course-container-modern .clear-search-btn-modern{align-items:center!important;background:#0000001a!important;border:none!important;border-radius:50%!important;color:#a1a1aa!important;color:var(--course-text-secondary)!important;cursor:pointer!important;display:flex!important;font-size:16px!important;height:28px!important;justify-content:center!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .2s!important;width:28px!important;z-index:2!important}.capsule-course-container-modern .clear-search-btn-modern:hover{background:#00000026!important;color:#f4f4f5!important;color:var(--course-text-primary)!important}:root[data-theme=dark] .capsule-course-container-modern .clear-search-btn-modern{background:#ffffff1a!important;color:#a1a1aa!important;color:var(--course-text-secondary)!important}:root[data-theme=dark] .capsule-course-container-modern .clear-search-btn-modern:hover{background:#ffffff26!important;color:#f4f4f5!important;color:var(--course-text-primary)!important}.capsule-course-container-modern .filter-controls-modern{display:flex;gap:12px}.capsule-course-container-modern .filter-toggle-btn-modern{align-items:center;background:#2e2e33;background:var(--course-bg-secondary);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:12px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s}.capsule-course-container-modern .filter-toggle-btn-modern:hover{background:#3a3a40;background:var(--course-bg-hover)}.capsule-course-container-modern .filter-toggle-btn-modern.active{background:#818cf8;background:var(--course-primary-color);border-color:#818cf8;border-color:var(--course-primary-color);color:#fff}.capsule-course-container-modern .filter-badge-modern{background:#f87171;background:var(--course-accent-color);border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.capsule-course-container-modern .sort-dropdown-modern{background:#2e2e33;background:var(--course-bg-secondary);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:12px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:12px 16px}.capsule-course-container-modern .filters-panel-modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 24px;max-height:0;max-width:1440px;opacity:0;overflow:hidden;padding:0;transition:all .3s}.capsule-course-container-modern .filters-panel-modern.active{background:#2e2e33;background:var(--course-bg-secondary);border-radius:12px;max-height:300px;opacity:1;padding:20px}.capsule-course-container-modern .filter-group-modern{display:flex;flex-direction:column;gap:8px}.capsule-course-container-modern .filter-title-modern{color:#a1a1aa;color:var(--course-text-secondary);font-size:13px;font-weight:600;text-transform:uppercase}.capsule-course-container-modern .filter-pills-modern{display:flex;flex-wrap:wrap;gap:8px}.capsule-course-container-modern .filter-pill-modern{background:#1c1c20;background:var(--course-card-bg);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:8px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.capsule-course-container-modern .filter-pill-modern:hover{background:#3a3a40;background:var(--course-bg-hover)}.capsule-course-container-modern .filter-pill-modern.active{background:#818cf8;background:var(--course-primary-color);border-color:#818cf8;border-color:var(--course-primary-color);color:#fff}.capsule-course-container-modern .filter-select-modern{background:#1c1c20;background:var(--course-card-bg);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:8px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.capsule-course-container-modern .rating-filter-modern{display:flex;flex-wrap:wrap;gap:8px}.capsule-course-container-modern .rating-btn-modern{align-items:center;background:#1c1c20;background:var(--course-card-bg);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:8px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.capsule-course-container-modern .rating-btn-modern:hover{background:#3a3a40;background:var(--course-bg-hover)}.capsule-course-container-modern .rating-btn-modern.active{background:#fbbf24;background:var(--course-warning-color);border-color:#fbbf24;border-color:var(--course-warning-color);color:#fff}.capsule-course-container-modern .clear-filters-btn-modern{align-items:center;background:#f87171;background:var(--course-accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;grid-column:span 2;justify-content:center;padding:10px 20px;transition:all .2s}.capsule-course-container-modern .clear-filters-btn-modern:hover{opacity:.9}.category-nav{animation:fadeInDown .3s ease;background:#1c1c20;background:var(--course-card-bg);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:16px;box-shadow:0 10px 30px #00000080;box-shadow:var(--course-shadow);box-sizing:border-box;margin-bottom:32px;max-width:100%;padding:8px;width:100%}.category-nav-inner{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;width:100%}.category-nav-inner::-webkit-scrollbar{display:none}.category-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#a1a1aa;color:var(--course-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:8px;min-width:fit-content;padding:12px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.category-tab-btn:hover{background:#3a3a40;background:var(--course-bg-hover);color:#f4f4f5;color:var(--course-text-primary)}.category-tab-btn.active{background:#818cf8;background:var(--course-primary-color);color:#fff}.category-tab-btn svg{flex-shrink:0;font-size:18px}.category-tab-count{background:#fff3;border-radius:6px;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 6px}.category-tab-btn.active .category-tab-count{background:#ffffff4d}.courses-grid-modern{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:1440px;padding:0 20px}.courses-grid-modern.animate{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-card-modern{animation:cardAppear .4s ease backwards;background:#1c1c20;background:var(--course-card-bg);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:16px;box-shadow:0 4px 16px #00000080,0 0 0 1px #ffffff14;box-shadow:var(--course-card-shadow);cursor:pointer;display:flex;flex-direction:column;height:455px;overflow:hidden;position:relative;transition:all .3s}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-card-modern:hover{border-color:#818cf8;border-color:var(--course-primary-color);box-shadow:0 10px 30px #00000080;box-shadow:var(--course-shadow);transform:translateY(-4px)}.card-image-section-modern{flex-shrink:0;height:180px;overflow:hidden;position:relative;width:100%}.image-wrapper-modern{height:100%;position:relative;width:100%}.image-wrapper-modern .lazy-load-image-background,.image-wrapper-modern .optimized-image-wrapper{display:block!important;height:100%!important;width:100%!important}.course-card-modern .course-image-modern{height:100%;object-fit:cover;transition:transform .3s;width:100%}.course-card-modern:hover .course-image-modern{transform:scale(1.05)}.course-image-placeholder{align-items:center;background:linear-gradient(135deg,#818cf8,#f87171 50%,#fbbf24);background:linear-gradient(135deg,var(--course-primary-color) 0,var(--course-accent-color) 50%,var(--course-warning-color) 100%);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;overflow:hidden;padding:20px;position:relative;transition:all .3s ease;width:100%}.course-image-placeholder:before{background:#0000004d;content:"";inset:0;position:absolute;z-index:1}.course-card-modern:hover .course-image-placeholder{transform:scale(1.05)}.placeholder-icon{animation:float 3s ease-in-out;color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:48px;z-index:2}.placeholder-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-shadow:0 2px 4px #00000080;z-index:2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badges-strip-modern{-ms-overflow-style:none;align-items:center;background:#26262a;background:var(--course-card-inner-bg);display:flex;flex-shrink:0;gap:6px;min-height:32px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-width:none}.badges-strip-modern::-webkit-scrollbar{display:none}.badges-container-modern{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;min-height:16px}.badges-strip-modern:has(.badges-container-modern:empty){background:#0000}.badges-container-modern:empty{visibility:hidden}.badge-modern{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-shadow:0 1px 2px #0006;text-transform:uppercase;white-space:nowrap}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-free{background:#059669;color:#fff}.badge-discount{background:#dc2626;color:#fff}.badge-new{background:#6366f1;color:#fff}.badge-popular{background:#d97706;color:#fff}.badge-top-rated{background:#7c3aed;color:#fff}.badge-purchased{background:#059669;color:#fff;font-weight:800}.card-content-modern{background:#1c1c20;background:var(--course-card-bg);display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-start;min-height:0;overflow:hidden;padding:12px}.course-card-modern .course-title-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f4f4f5;color:var(--course-text-primary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.25;margin:0;max-height:35px;min-height:35px;overflow:hidden;text-overflow:ellipsis}.course-card-teacher-carousel{align-items:center;background:#26262a;background:var(--course-card-inner-bg);border-radius:6px;display:flex;gap:4px;max-height:22px;min-height:22px;overflow:hidden;padding:3px 6px;position:relative}.course-card-teacher-icon{color:#818cf8;color:var(--course-primary-color);flex-shrink:0;font-size:13px}.course-card-teacher-name-container{align-items:center;display:flex;flex:1 1;gap:4px;overflow:hidden}.course-card-teacher-name{animation:slideIn .3s ease;color:#f4f4f5;color:var(--course-text-primary);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.course-card-teacher-count{background:#1c1c20;background:var(--course-card-bg);border-radius:3px;color:#8b8b96;color:var(--course-text-muted);font-size:10px;padding:1px 4px;white-space:nowrap}.course-card-teacher-dots{align-items:center;display:flex;gap:2px;margin-left:auto}.course-card-teacher-dots .course-card-teacher-dot{background:#3f3f46;background:var(--course-border-color);border-radius:50%;height:3px;transition:all .3s;width:3px}.course-card-teacher-dots .course-card-teacher-dot.active{background:#818cf8;background:var(--course-primary-color);border-radius:2px;width:8px}.course-card-modern .stats-row-modern{align-items:center;display:flex;gap:8px;justify-content:space-between;max-height:20px;min-height:20px}.course-card-modern .rating-compact{align-items:center;display:flex;flex:1 1;gap:5px;overflow:hidden}.course-card-modern .star-icon{color:#fbbf24;color:var(--course-warning-color);flex-shrink:0;font-size:16px}.course-card-modern .rating-text{color:#f4f4f5;color:var(--course-text-primary);font-size:13px;font-weight:700;white-space:nowrap}.course-card-modern .rating-count{color:#a1a1aa;color:var(--course-text-secondary);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-modern .rating-unrated{color:#8b8b96;color:var(--course-text-muted);font-size:10px;font-style:italic;font-weight:500;white-space:nowrap}.course-card-modern .enrollment-info{align-items:center;background:#26262a;background:var(--course-card-inner-bg);border-radius:4px;color:#a1a1aa;color:var(--course-text-secondary);display:flex;font-size:11px;gap:3px;padding:2px 6px;white-space:nowrap}.course-card-modern .enrollment-icon{color:#38bdf8;color:var(--course-info-color);font-size:12px}.course-card-modern .info-grid-modern{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);min-height:44px}.course-card-modern .info-item{align-items:center;background:#26262a;background:var(--course-card-inner-bg);border-radius:6px;color:#a1a1aa;color:var(--course-text-secondary);display:flex;font-size:11.5px;font-weight:500;gap:6px;overflow:hidden;padding:5px 8px}.course-card-modern .info-item svg{color:#818cf8;color:var(--course-primary-color,#0b5cb8);flex-shrink:0;font-size:14px}.course-card-modern .info-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-section-modern{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;min-height:20px}.category-tag,.goal-tag{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.3px;max-width:calc(50% - 2px);overflow:hidden;padding:2px 6px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.category-tag{background:#818cf81a;color:#818cf8;color:var(--course-primary-color)}.goal-tag{background:#10b9811a;color:#10b981;color:var(--course-success-color)}.card-footer-modern{align-items:center;background:#26262a;background:var(--course-card-inner-bg);display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-top:auto;min-height:55px;padding:10px 12px}.price-section-modern{align-items:center;display:flex;flex:1 1;overflow:hidden}.price-display{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.free-text{color:#10b981;color:var(--course-success-color);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.current-price{color:#f4f4f5;color:var(--course-text-primary);font-size:18px;font-weight:700;white-space:nowrap}.original-price{color:#8b8b96;color:var(--course-text-muted);font-size:12px;text-decoration:line-through;white-space:nowrap}.action-buttons-modern{display:flex;flex-shrink:0;gap:6px}.buy-btn-modern,.explore-btn-modern{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;transition:all .2s;white-space:nowrap}.explore-btn-modern{background:#0000;border:1.5px solid #818cf8;border:1.5px solid var(--course-primary-color);color:#818cf8;color:var(--course-primary-color)}.explore-btn-modern:hover{background:#818cf8;background:var(--course-primary-color);border-color:#818cf8;border-color:var(--course-primary-color);color:#fff}.buy-btn-modern{background:linear-gradient(135deg,#818cf8,#38bdf8);background:linear-gradient(135deg,var(--course-primary-color),var(--course-info-color));color:#fff;overflow:hidden;position:relative}.buy-btn-modern:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.buy-btn-modern:hover:before{left:100%}.buy-btn-modern:hover{box-shadow:0 2px 8px #6366f14d;transform:translateY(-1px)}.buy-btn-modern.purchased{background:linear-gradient(135deg,#10b981,#059669);cursor:default;pointer-events:none}.buy-btn-modern.purchased:hover{box-shadow:none;transform:none}.buy-btn-modern:disabled{cursor:not-allowed;opacity:.7}.loading-container-modern{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner-modern{height:48px;width:48px}.spinner-ring-modern{animation:spin 1s linear infinite;border:3px solid #3f3f46;border-top-color:#818cf8;border:3px solid var(--course-border-color);border-radius:50%;border-top-color:var(--course-primary-color);height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.empty-state-modern{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;padding:20px;text-align:center}.empty-icon-modern{color:#8b8b96;color:var(--course-text-muted);font-size:64px}.empty-state-modern h3{color:#f4f4f5;color:var(--course-text-primary);font-size:20px;font-weight:600}.empty-state-modern p{color:#a1a1aa;color:var(--course-text-secondary);font-size:14px}.action-btn-modern{background:#818cf8;background:var(--course-primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.action-btn-modern:hover{opacity:.9}.pagination-modern{gap:8px;padding:40px 20px}.page-btn-modern,.pagination-modern{align-items:center;display:flex;justify-content:center}.page-btn-modern{background:#2e2e33;background:var(--course-bg-secondary);border:1px solid #3f3f46;border:1px solid var(--course-border-color);border-radius:8px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;font-size:18px;height:36px;transition:all .2s;width:36px}.page-btn-modern:hover:not(:disabled){background:#818cf8;background:var(--course-primary-color);border-color:#818cf8;border-color:var(--course-primary-color);color:#fff}.page-btn-modern:disabled{cursor:not-allowed;opacity:.3}.page-numbers-modern{align-items:center;display:flex;gap:4px}.page-num-modern{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#f4f4f5;color:var(--course-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;transition:all .2s;width:32px}.page-num-modern:hover{background:#2e2e33;background:var(--course-bg-secondary)}.page-num-modern.active{background:#818cf8;background:var(--course-primary-color);color:#fff}.page-dots-modern{color:#8b8b96;color:var(--course-text-muted);padding:0 4px}@media (max-width:1056px){.banner-section-modern{border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-bottom:30px}.banner-wrapper-modern{max-width:100%}.banner-image-modern{height:auto;max-height:350px;object-fit:cover;object-position:center;width:100%}}@media (max-width:1024px){.banner-section-modern{margin-bottom:30px}.banner-image-modern{max-height:300px}}@media (max-width:768px){.capsule-course-container-modern{padding-top:0}.banner-section-modern{border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin-bottom:24px}.banner-image-modern{max-height:250px}.header-section-modern{margin-bottom:24px;margin-top:40px;padding:0 16px}.header-title-modern{font-size:26px}.header-subtitle-modern{font-size:14px}.capsule-course-container-modern .search-filter-section-modern{flex-direction:column;margin:0 16px 20px}.capsule-course-container-modern .search-bar-modern{min-width:100%}.capsule-course-container-modern .search-input-modern{font-size:14px!important;padding:10px 70px 10px 40px!important}.capsule-course-container-modern .search-icon-modern{font-size:18px!important;left:12px!important}.capsule-course-container-modern .search-loading-indicator{right:40px!important}.capsule-course-container-modern .search-loading-indicator svg{font-size:16px!important}.capsule-course-container-modern .clear-search-btn-modern{font-size:14px!important;height:24px!important;right:8px!important;width:24px!important}.capsule-course-container-modern .filter-controls-modern{justify-content:space-between;width:100%}.category-nav{display:none!important}.capsule-course-container-modern .filters-panel-modern{grid-template-columns:1fr;margin:0 16px 20px}.capsule-course-container-modern .filters-panel-modern.active{max-height:500px}.courses-grid-modern{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 16px}.course-card-modern{height:415px}.card-image-section-modern{height:150px}.badges-strip-modern{gap:5px;min-height:28px;padding:6px 10px}.badge-modern{font-size:10px;padding:4px 8px}.course-card-modern .course-title-modern{font-size:13px;max-height:32px;min-height:32px}.card-content-modern{gap:5px;padding:10px}.course-card-teacher-carousel{max-height:20px;min-height:20px;padding:2px 5px}.course-card-teacher-name{font-size:10px}.course-card-modern .stats-row-modern{max-height:18px;min-height:18px}.course-card-modern .rating-text{font-size:12px}.course-card-modern .rating-count{font-size:10px}.course-card-modern .enrollment-info{font-size:10px;padding:1px 4px}.course-card-modern .info-grid-modern{gap:5px;min-height:40px}.course-card-modern .info-item{font-size:10.5px;gap:5px;padding:4px 6px}.course-card-modern .info-item svg{font-size:13px}.category-tag,.goal-tag{font-size:8px;padding:1px 4px}.card-footer-modern{gap:8px;min-height:48px;padding:8px 10px}.current-price{font-size:15px}.original-price{font-size:11px}.free-text{font-size:14px}.buy-btn-modern,.explore-btn-modern{font-size:11px;padding:6px 10px}}@media (max-width:480px){.banner-section-modern{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-bottom:20px}.banner-image-modern{max-height:200px}.header-section-modern{margin-top:32px}.header-title-modern{font-size:22px}.courses-grid-modern{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr!important;padding:0 12px}.course-card-modern{height:435px}.card-image-section-modern{height:160px}.badges-strip-modern{gap:4px;min-height:26px;padding:6px 8px}.badge-modern{font-size:9px;padding:3px 6px}.card-content-modern{gap:6px;padding:12px}.course-card-modern .course-title-modern{font-size:14px;max-height:35px;min-height:35px}.course-card-teacher-carousel{max-height:22px;min-height:22px;padding:3px 6px}.course-card-teacher-name{font-size:11px}.course-card-modern .stats-row-modern{flex-direction:row;justify-content:space-between;max-height:20px;min-height:20px}.course-card-modern .rating-compact{gap:4px}.course-card-modern .rating-text{font-size:13px}.course-card-modern .rating-count{font-size:10px}.course-card-modern .enrollment-info{font-size:11px}.course-card-modern .info-grid-modern{gap:5px;grid-template-columns:repeat(2,1fr);min-height:40px}.course-card-modern .info-item{font-size:10.5px;gap:5px;padding:4px 6px}.card-footer-modern{min-height:55px;padding:10px 12px}.current-price{font-size:18px}.original-price{font-size:12px}.free-text{font-size:16px}.buy-btn-modern,.explore-btn-modern{font-size:12px;padding:7px 12px}}@media (max-width:360px){.banner-section-modern{margin-bottom:16px}.banner-image-modern{max-height:150px}.course-card-modern{height:415px}.card-image-section-modern{height:140px}.course-card-modern .course-title-modern{font-size:13px;max-height:32px;min-height:32px}.course-card-modern .info-grid-modern{gap:4px;grid-template-columns:repeat(2,1fr);min-height:36px}.course-card-modern .info-item{font-size:10px;gap:4px;padding:3px 5px}.course-card-modern .info-item svg{font-size:12px}.card-footer-modern{align-items:center;flex-direction:row;gap:8px;min-height:50px}.action-buttons-modern{gap:4px}.buy-btn-modern,.explore-btn-modern{font-size:10px;padding:6px 8px}}@media (prefers-contrast:high){.buy-btn-modern,.course-card-modern,.explore-btn-modern{border:2px solid}.badge-modern{border:1px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.badge-modern,.course-card-teacher-name{animation:none}.buy-btn-modern:before{display:none}}@media print{.capsule-course-container-modern{background:#fff}.banner-section-modern,.bg-pattern-modern,.filters-panel-modern,.pagination-modern,.search-filter-section-modern{display:none}.course-card-modern{border:1px solid #ddd;break-inside:avoid;height:auto;page-break-inside:avoid}.courses-grid-modern{grid-template-columns:repeat(2,1fr)}}