: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 rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.08);--course-shadow:0 10px 30px rgba(0,0,0,0.5);--course-shadow-xl:0 25px 50px rgba(0,0,0,0.7);--course-overlay:rgba(0,0,0,0.4)}:root[data-theme=light]{--course-bg-primary:#eef1f5;--course-bg-secondary:#d5dbe3;--course-bg-hover:#ccd2dc;--course-card-bg:#ffffff;--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 rgba(0,0,0,0.1),0 1px 4px rgba(0,0,0,0.08);--course-shadow:0 10px 30px rgba(0,0,0,0.14);--course-shadow-xl:0 25px 50px rgba(0,0,0,0.18);--course-overlay:rgba(0,0,0,0.2)}: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 rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.08);--course-shadow:0 10px 30px rgba(0,0,0,0.5);--course-shadow-xl:0 25px 50px rgba(0,0,0,0.7);--course-overlay:rgba(0,0,0,0.4)}.ex-page .course-card-modern{--course-card-bg:#fefcf5;--course-card-inner-bg:#f6f3e7;--course-border-color:rgba(28,22,8,.10);--course-text-primary:#1a1208;--course-text-secondary:#3a3328;--course-text-muted:#635b4f;--course-primary-color:#5a6b3e;--course-info-color:#0e7490;--course-accent-color:#b0791a;--course-warning-color:#d4a52a;--course-success-color:#5a6b3e;--course-card-shadow:0 1px 2px rgba(28,22,8,.05);--course-shadow:0 18px 36px -12px rgba(28,22,8,.20)}.ex-page .course-card-modern:hover{border-color:rgba(28,22,8,.14)}.ex-page .buy-btn-modern{background:linear-gradient(135deg,#3a3328,#1a1208)}.ex-page .buy-btn-modern:hover{box-shadow:0 6px 16px -6px rgba(26,18,8,.5)}.ex-page .buy-btn-modern.purchased{background:linear-gradient(135deg,#8a9a5e,#5a6b3e)}.ex-page .badge-modern{text-shadow:none}.ex-page .badge-free,.ex-page .badge-purchased{background:#e8ecd5;color:#3d4a2a}.ex-page .badge-discount,.ex-page .badge-popular{background:#fdf2c8;color:#855a10}.ex-page .badge-top-rated{background:#ecfeff;color:#0e7490}.ex-page .badge-new{background:#eef6ff;color:#1d6fb8}.capsule-course-container-modern{min-height:100vh;background:var(--course-bg-primary);position:relative;overflow-x:hidden;padding-top:0}.bg-pattern-modern{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.03) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.03) 0,transparent 50%)}:root[data-theme=light] .bg-pattern-modern{background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.05) 0,transparent 50%)}.capsule-content-wrapper-modern{position:relative;z-index:1;width:100%;margin:0 auto;padding:0}.banner-section-modern{overflow:hidden;margin-bottom:40px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:var(--course-bg-secondary)}.banner-section-modern,.banner-wrapper-modern{position:relative;width:100%;height:auto;display:block}.banner-wrapper-modern{line-height:0}.banner-image-modern{width:100%;height:auto;display:block;object-fit:cover;vertical-align:middle}.banner-overlay-modern{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,var(--course-overlay) 100%);border-bottom-left-radius:24px;border-bottom-right-radius:24px;pointer-events:none}.header-section-modern{text-align:center;margin-top:60px;margin-bottom:40px;padding:0 20px}.header-title-modern{font-size:36px;font-weight:700;color:var(--course-text-primary);margin-bottom:12px}.header-subtitle-modern{font-size:16px;color:var(--course-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.capsule-course-container-modern .search-filter-section-modern{display:flex;gap:16px;flex-wrap:wrap;max-width:1440px;margin:0 auto 24px}.capsule-course-container-modern .search-bar-modern{flex:1 1;min-width:250px;position:relative;background:var(--course-bg-secondary);border:1px solid var(--course-border-color);border-radius:12px;transition:all .2s}.capsule-course-container-modern .search-bar-modern:focus-within{border-color:var(--course-primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.capsule-course-container-modern .search-icon-modern{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--course-text-muted);pointer-events:none}.capsule-course-container-modern .search-input-modern{width:100%;padding:12px 80px 12px 48px!important;background:transparent!important;border:none!important;color:var(--course-text-primary)!important;font-size:15px!important;outline:none!important}.capsule-course-container-modern .search-input-modern::placeholder{color:var(--course-text-muted)}.capsule-course-container-modern .search-loading-indicator{position:absolute;right:48px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.capsule-course-container-modern .search-loading-indicator svg{animation:spin 1s linear infinite}.capsule-course-container-modern .clear-search-btn-modern{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(0,0,0,.1)!important;color:var(--course-text-secondary)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s!important;z-index:2!important;font-size:16px!important}.capsule-course-container-modern .clear-search-btn-modern:hover{background:rgba(0,0,0,.15)!important;color:var(--course-text-primary)!important}:root[data-theme=dark] .capsule-course-container-modern .clear-search-btn-modern{background:rgba(255,255,255,.1)!important;color:var(--course-text-secondary)!important}:root[data-theme=dark] .capsule-course-container-modern .clear-search-btn-modern:hover{background:rgba(255,255,255,.15)!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{padding:12px 20px;background:var(--course-bg-secondary);border:1px solid var(--course-border-color);border-radius:12px;color:var(--course-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;position:relative}.capsule-course-container-modern .filter-toggle-btn-modern:hover{background:var(--course-bg-hover)}.capsule-course-container-modern .filter-toggle-btn-modern.active{background:var(--course-primary-color,#0B5CB8);color:white;border-color:var(--course-primary-color)}.capsule-course-container-modern .filter-badge-modern{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--course-accent-color);border-radius:50%}.capsule-course-container-modern .sort-dropdown-modern{padding:12px 16px;background:var(--course-bg-secondary);border:1px solid var(--course-border-color);border-radius:12px;color:var(--course-text-primary);font-size:14px;cursor:pointer;outline:none;min-width:150px}.capsule-course-container-modern .filters-panel-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;padding:0;max-width:1440px;margin:0 auto 24px;max-height:0;overflow:hidden;opacity:0;transition:all .3s}.capsule-course-container-modern .filters-panel-modern.active{max-height:300px;opacity:1;padding:20px;background:var(--course-bg-secondary);border-radius:12px}.capsule-course-container-modern .filter-group-modern{display:flex;flex-direction:column;gap:8px}.capsule-course-container-modern .filter-title-modern{font-size:13px;font-weight:600;color:var(--course-text-secondary);text-transform:uppercase}.capsule-course-container-modern .filter-pills-modern{display:flex;gap:8px;flex-wrap:wrap}.capsule-course-container-modern .filter-pill-modern{padding:8px 16px;background:var(--course-card-bg);border:1px solid var(--course-border-color);border-radius:8px;color:var(--course-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.capsule-course-container-modern .filter-pill-modern:hover{background:var(--course-bg-hover)}.capsule-course-container-modern .filter-pill-modern.active{background:var(--course-primary-color,#0B5CB8);color:white;border-color:var(--course-primary-color)}.capsule-course-container-modern .filter-select-modern{padding:8px 12px;background:var(--course-card-bg);border:1px solid var(--course-border-color);border-radius:8px;color:var(--course-text-primary);font-size:14px;cursor:pointer;outline:none}.capsule-course-container-modern .rating-filter-modern{display:flex;gap:8px;flex-wrap:wrap}.capsule-course-container-modern .rating-btn-modern{padding:6px 12px;background:var(--course-card-bg);border:1px solid var(--course-border-color);border-radius:8px;color:var(--course-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.capsule-course-container-modern .rating-btn-modern:hover{background:var(--course-bg-hover)}.capsule-course-container-modern .rating-btn-modern.active{background:var(--course-warning-color,#d97706);color:white;border-color:var(--course-warning-color)}.capsule-course-container-modern .clear-filters-btn-modern{grid-column:span 2;padding:10px 20px;background:var(--course-accent-color,#ef4444);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.capsule-course-container-modern .clear-filters-btn-modern:hover{opacity:.9}.category-nav{background:var(--course-card-bg);border-radius:16px;padding:8px;margin-bottom:32px;box-shadow:var(--course-shadow);border:1px solid var(--course-border-color);animation:fadeInDown .3s ease;width:100%;max-width:100%;box-sizing:border-box}.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{padding:12px 20px;background:transparent;border:none;color:var(--course-text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s ease;position:relative;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content}.category-tab-btn:hover{background:var(--course-bg-hover);color:var(--course-text-primary)}.category-tab-btn.active{background:var(--course-primary-color,#0B5CB8);color:white}.category-tab-btn svg{font-size:18px;flex-shrink:0}.category-tab-count{padding:2px 6px;background:rgba(255,255,255,.2);border-radius:6px;font-size:11px;font-weight:600;flex-shrink:0}.category-tab-btn.active .category-tab-count{background:rgba(255,255,255,.3)}.courses-grid-modern{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;grid-gap:24px!important;gap:24px!important;padding:0 20px;margin-bottom:48px;max-width:1440px;margin-left:auto;margin-right:auto}.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{background:var(--course-card-bg);border:1px solid var(--course-border-color);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;height:455px;animation:cardAppear .4s ease backwards;position:relative;box-shadow:var(--course-card-shadow)}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-card-modern:hover{transform:translateY(-4px);box-shadow:var(--course-shadow);border-color:var(--course-primary-color)}.card-image-section-modern{position:relative;width:100%;height:180px;overflow:hidden;flex-shrink:0}.image-wrapper-modern{position:relative;width:100%;height:100%}.image-wrapper-modern .lazy-load-image-background,.image-wrapper-modern .optimized-image-wrapper{display:block!important;width:100%!important;height:100%!important}.course-card-modern .course-image-modern{width:100%;height:100%;object-fit:cover;transition:transform .3s}.course-card-modern:hover .course-image-modern{transform:scale(1.05)}.course-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--course-primary-color) 0,var(--course-accent-color) 50%,var(--course-warning-color) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;position:relative;overflow:hidden;transition:all .3s ease}.course-image-placeholder:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:1}.course-card-modern:hover .course-image-placeholder{transform:scale(1.05)}.placeholder-icon{font-size:48px;color:white;z-index:2;animation:float 3s ease-in-out;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.placeholder-text{font-size:14px;font-weight:600;color:white;text-align:center;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.5);max-width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badges-strip-modern{display:flex;gap:6px;padding:8px 12px;background:var(--course-card-inner-bg);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0;min-height:32px;align-items:center}.badges-strip-modern::-webkit-scrollbar{display:none}.badges-container-modern{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;min-height:16px}.badges-strip-modern:has(.badges-container-modern:empty){background:transparent}.badges-container-modern:empty{visibility:hidden}.badge-modern{padding:5px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-free{background:#059669;color:white}.badge-discount{background:#dc2626;color:white}.badge-new{background:#6366f1;color:white}.badge-popular{background:#d97706;color:white}.badge-top-rated{background:#7c3aed;color:white}.badge-purchased{background:#059669;color:white;font-weight:800}.card-content-modern{padding:12px;flex:1 1;display:flex;flex-direction:column;gap:6px;overflow:hidden;background:var(--course-card-bg);min-height:0;justify-content:flex-start}.course-card-modern .course-title-modern{font-size:14px;font-weight:500;color:var(--course-text-primary);line-height:1.25;min-height:35px;max-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.course-card-teacher-carousel{display:flex;align-items:center;gap:4px;min-height:22px;max-height:22px;position:relative;background:var(--course-card-inner-bg);padding:3px 6px;border-radius:6px;overflow:hidden}.course-card-teacher-icon{font-size:13px;color:var(--course-primary-color);flex-shrink:0}.course-card-teacher-name-container{flex:1 1;display:flex;align-items:center;gap:4px;overflow:hidden}.course-card-teacher-name{font-size:11px;font-weight:500;color:var(--course-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:slideIn .3s ease}@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{font-size:10px;color:var(--course-text-muted);background:var(--course-card-bg);padding:1px 4px;border-radius:3px;white-space:nowrap}.course-card-teacher-dots{display:flex;gap:2px;align-items:center;margin-left:auto}.course-card-teacher-dots .course-card-teacher-dot{width:3px;height:3px;border-radius:50%;background:var(--course-border-color);transition:all .3s}.course-card-teacher-dots .course-card-teacher-dot.active{width:8px;border-radius:2px;background:var(--course-primary-color)}.course-card-modern .stats-row-modern{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:20px;max-height:20px}.course-card-modern .rating-compact{display:flex;align-items:center;gap:5px;flex:1 1;overflow:hidden}.course-card-modern .star-icon{font-size:16px;color:var(--course-warning-color);flex-shrink:0}.course-card-modern .rating-text{font-size:13px;font-weight:700;color:var(--course-text-primary);white-space:nowrap}.course-card-modern .rating-count{font-size:11px;font-weight:500;color:var(--course-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-modern .rating-unrated{font-size:10px;font-weight:500;color:var(--course-text-muted);white-space:nowrap;font-style:italic}.course-card-modern .enrollment-info{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--course-text-secondary);background:var(--course-card-inner-bg);padding:2px 6px;border-radius:4px;white-space:nowrap}.course-card-modern .enrollment-icon{font-size:12px;color:var(--course-info-color)}.course-card-modern .info-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:6px;gap:6px;min-height:44px}.course-card-modern .info-item{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--course-card-inner-bg);border-radius:6px;font-size:11.5px;font-weight:500;color:var(--course-text-secondary);overflow:hidden}.course-card-modern .info-item svg{font-size:14px;flex-shrink:0;color:var(--course-primary-color,#0B5CB8)}.course-card-modern .info-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-section-modern{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto;min-height:20px}.category-tag,.goal-tag{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(50% - 2px)}.category-tag{background:rgba(129,140,248,.1);color:var(--course-primary-color)}.goal-tag{background:rgba(16,185,129,.1);color:var(--course-success-color)}.card-footer-modern{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--course-card-inner-bg);min-height:55px;flex-shrink:0;margin-top:auto}.price-section-modern{display:flex;align-items:center;flex:1 1;overflow:hidden}.price-display{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.card-footer-modern .price-display{flex-direction:column;align-items:flex-start;gap:1px;line-height:1.15}.free-text{font-size:16px;font-weight:700;color:var(--course-success-color);text-transform:uppercase;letter-spacing:.5px}.current-price{font-size:18px;font-weight:700;color:var(--course-text-primary);white-space:nowrap}.original-price{font-size:12px;color:var(--course-text-muted);text-decoration:line-through;white-space:nowrap}.action-buttons-modern{display:flex;gap:6px;flex-shrink:0}.buy-btn-modern,.explore-btn-modern{padding:7px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.explore-btn-modern{background:transparent;color:var(--course-primary-color);border:1.5px solid var(--course-primary-color)}.explore-btn-modern:hover{background:var(--course-primary-color,#0B5CB8);border-color:var(--course-primary-color);color:white}.buy-btn-modern{background:linear-gradient(135deg,var(--course-primary-color),var(--course-info-color));color:white;position:relative;overflow:hidden}.buy-btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.buy-btn-modern:hover:before{left:100%}.buy-btn-modern:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,.3)}.buy-btn-modern.purchased{background:linear-gradient(135deg,#10b981,#059669);cursor:default;pointer-events:none}.buy-btn-modern.purchased:hover{transform:none;box-shadow:none}.buy-btn-modern:disabled{opacity:.7;cursor:not-allowed}.loading-container-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner-modern{width:48px;height:48px}.spinner-ring-modern{width:100%;height:100%;border:3px solid var(--course-border-color);border-top-color:var(--course-primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px;padding:20px}.empty-icon-modern{font-size:64px;color:var(--course-text-muted)}.empty-state-modern h3{font-size:20px;font-weight:600;color:var(--course-text-primary)}.empty-state-modern p{font-size:14px;color:var(--course-text-secondary)}.action-btn-modern{padding:10px 24px;background:var(--course-primary-color,#0B5CB8);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-modern:hover{opacity:.9}.pagination-modern{gap:8px;padding:40px 20px}.pagination-modern,.pagination-top-modern{display:flex;align-items:center;justify-content:center}.pagination-top-modern{gap:16px;padding:16px 20px}.pagination-top-modern.top{margin-bottom:8px;border-bottom:1px solid var(--course-border-color)}.pagination-top-modern.bottom{margin-top:8px;padding:32px 20px;border-top:1px solid var(--course-border-color)}.pagination-top-modern .page-btn-modern{width:auto;padding:0 16px;height:38px;gap:6px;font-size:14px;font-weight:500;text-decoration:none;color:var(--course-text-primary)}.pagination-top-modern .page-btn-modern:hover{text-decoration:none;color:white}.pagination-top-modern .page-btn-modern span{font-size:14px}.pagination-top-info{font-size:14px;font-weight:500;color:var(--course-text-secondary,#666);white-space:nowrap}.page-btn-modern{width:36px;height:36px;border-radius:8px;background:var(--course-bg-secondary);border:1px solid var(--course-border-color);color:var(--course-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:18px;text-decoration:none}.page-btn-modern:hover:not(:disabled):not(.disabled){background:var(--course-primary-color,#0B5CB8);color:white;border-color:var(--course-primary-color);text-decoration:none}.page-btn-modern.disabled,.page-btn-modern:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.page-numbers-modern{display:flex;align-items:center;gap:4px}.page-num-modern{width:32px;height:32px;border-radius:6px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.page-num-modern,.page-num-modern:hover{color:var(--course-text-primary);text-decoration:none}.page-num-modern:hover{background:var(--course-bg-secondary)}.page-num-modern.active{background:var(--course-primary-color,#0B5CB8);color:white}.page-num-modern.active:hover{color:white}.page-dots-modern{color:var(--course-text-muted);padding:0 4px}@media (max-width:1056px){.banner-section-modern{margin-bottom:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.banner-wrapper-modern{max-width:100%}.banner-image-modern{width:100%;height:auto;max-height:350px;object-fit:cover;object-position:center}}@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{margin-bottom:24px;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.banner-image-modern{max-height:250px}.header-section-modern{margin-top:40px;margin-bottom:24px;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{left:12px!important;font-size:18px!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{right:8px!important;width:24px!important;height:24px!important;font-size:14px!important}.capsule-course-container-modern .filter-controls-modern{width:100%;justify-content:space-between}.category-nav{display:none!important}.capsule-course-container-modern .filters-panel-modern{margin:0 16px 20px;grid-template-columns:1fr}.capsule-course-container-modern .filters-panel-modern.active{max-height:500px}.courses-grid-modern{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:12px!important;gap:12px!important;padding:0 16px}.course-card-modern{height:415px}.card-image-section-modern{height:150px}.badges-strip-modern{padding:6px 10px;gap:5px;min-height:28px}.badge-modern{padding:4px 8px;font-size:10px}.course-card-modern .course-title-modern{font-size:13px;min-height:32px;max-height:32px}.card-content-modern{padding:10px;gap:5px}.course-card-teacher-carousel{min-height:20px;max-height:20px;padding:2px 5px}.course-card-teacher-name{font-size:10px}.course-card-modern .stats-row-modern{min-height:18px;max-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;padding:4px 6px;gap:5px}.course-card-modern .info-item svg{font-size:13px}.category-tag,.goal-tag{font-size:8px;padding:1px 4px}.card-footer-modern{min-height:48px;padding:8px 10px;gap:8px}.current-price{font-size:15px}.original-price{font-size:11px}.free-text{font-size:14px}.buy-btn-modern,.explore-btn-modern{padding:6px 10px;font-size:11px}}@media (max-width:480px){.banner-section-modern{margin-bottom:20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.banner-image-modern{max-height:200px}.header-section-modern{margin-top:32px}.header-title-modern{font-size:22px}.courses-grid-modern{display:grid!important;grid-template-columns:1fr!important;grid-gap:16px!important;gap:16px!important;padding:0 12px}.course-card-modern{height:435px}.card-image-section-modern{height:160px}.badges-strip-modern{padding:6px 8px;gap:4px;min-height:26px}.badge-modern{padding:3px 6px;font-size:9px}.card-content-modern{padding:12px;gap:6px}.course-card-modern .course-title-modern{font-size:14px;min-height:35px;max-height:35px}.course-card-teacher-carousel{min-height:22px;max-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;min-height:20px;max-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{grid-template-columns:repeat(2,1fr);gap:5px;min-height:40px}.course-card-modern .info-item{font-size:10.5px;padding:4px 6px;gap:5px}.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{padding:7px 12px;font-size: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;min-height:32px;max-height:32px}.course-card-modern .info-grid-modern{grid-template-columns:repeat(2,1fr);gap:4px;min-height:36px}.course-card-modern .info-item{font-size:10px;padding:3px 5px;gap:4px}.course-card-modern .info-item svg{font-size:12px}.card-footer-modern{flex-direction:row;align-items:center;gap:8px;min-height:50px}.action-buttons-modern{gap:4px}.buy-btn-modern,.explore-btn-modern{padding:6px 8px;font-size:10px}}@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:white}.banner-section-modern,.bg-pattern-modern,.filters-panel-modern,.pagination-modern,.search-filter-section-modern{display:none}.course-card-modern{break-inside:avoid;page-break-inside:avoid;border:1px solid #ddd;height:auto}.courses-grid-modern{grid-template-columns:repeat(2,1fr)}}