.mp-courses-hero{position:relative;background:linear-gradient(135deg,var(--mp-primary-900,#0b1329) 0%,var(--mp-primary-950,#030712) 100%);color:#fff;padding:var(--mp-spacing-12,48px) 0;overflow:hidden}.mp-courses-hero__bg-glow{position:absolute;top:-30%;right:-10%;width:50%;height:160%;background:radial-gradient(circle,rgb(0 146 166 / .25) 0%,#fff0 70%);pointer-events:none}.mp-courses-search-form{max-width:620px;margin:0 auto;position:relative}.mp-courses-search-input-wrap{display:flex;align-items:center;background:rgb(255 255 255 / .95);backdrop-filter:blur(12px);border-radius:var(--mp-radius-xl,16px);padding:6px 8px 6px 16px;box-shadow:0 15px 35px -5px rgb(0 0 0 / .25)}.mp-courses-search-input{flex:1;border:none;background:#fff0;padding:12px 16px;font-size:1rem;font-family:inherit;color:var(--mp-gray-900,#0f172a);outline:none}.mp-courses-search-btn{border-radius:var(--mp-radius-lg,12px);padding:12px 24px;font-size:.95rem}.mp-category-pills-wrap{background:var(--mp-surface-light,#ffffff);border-bottom:1px solid var(--mp-gray-200,#e2e8f0);padding:var(--mp-spacing-4,16px) 0;position:sticky;top:70px;z-index:90;box-shadow:0 4px 12px rgb(0 0 0 / .02)}.mp-category-pills{display:flex;align-items:center;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.mp-category-pills::-webkit-scrollbar{display:none}.mp-category-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--mp-radius-full,9999px);background:var(--mp-gray-100,#f1f5f9);color:var(--mp-gray-700,#334155);font-size:.875rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:all 0.2s ease;border:1px solid #fff0}.mp-category-pill:hover{background:var(--mp-primary-50,#f0f9ff);color:var(--mp-primary-600,#0284c7);border-color:var(--mp-primary-200,#bae6fd)}.mp-category-pill.is-active{background:var(--mp-primary-500,#0092a6);color:#fff;box-shadow:0 4px 12px rgb(0 146 166 / .3)}.mp-category-pill__count{font-size:.75rem;opacity:.8;background:rgb(0 0 0 / .08);padding:2px 6px;border-radius:9999px}.mp-category-pill.is-active .mp-category-pill__count{background:rgb(255 255 255 / .25)}.mp-courses-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:var(--mp-spacing-8,32px);padding:var(--mp-spacing-4,16px);background:var(--mp-surface-light,#ffffff);border:1px solid var(--mp-gray-200,#e2e8f0);border-radius:var(--mp-radius-xl,16px)}.mp-filter-select{background:var(--mp-gray-50,#f8fafc);border:1px solid var(--mp-gray-300,#cbd5e1);border-radius:var(--mp-radius-lg,10px);padding:8px 14px;font-family:inherit;font-size:.875rem;color:var(--mp-gray-800,#1e293b);font-weight:600;outline:none;cursor:pointer}.mp-active-filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.mp-active-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--mp-primary-50,#f0f9ff);border:1px solid var(--mp-primary-200,#bae6fd);color:var(--mp-primary-700,#0369a1);border-radius:8px;font-size:.8125rem;font-weight:700}.mp-active-filter-tag a{color:inherit;text-decoration:none;display:inline-flex;align-items:center}@media (max-width:768px){.mp-courses-hero{padding:32px 0}.mp-courses-search-input-wrap{flex-direction:column;padding:8px;gap:8px}.mp-courses-search-btn{width:100%;justify-content:center}.mp-category-pills-wrap{top:60px;padding:12px 0}.mp-courses-controls-bar{flex-direction:column;align-items:stretch}}.mp-courses-grid-4col{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:var(--mp-spacing-12,48px)}@media (min-width:640px){.mp-courses-grid-4col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1024px){.mp-courses-grid-4col{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:1280px){.mp-courses-grid-4col{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}.mp-course-card--dawrat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;transition:transform 0.3s cubic-bezier(.16,1,.3,1),box-shadow 0.3s cubic-bezier(.16,1,.3,1),border-color 0.3s ease;box-shadow:0 4px 16px rgb(15 23 42 / .06)}.mp-course-card--dawrat:hover{transform:translateY(-4px);box-shadow:0 16px 32px -4px rgb(15 23 42 / .12);border-color:rgb(0 146 166 / .45)}.mp-course-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--mp-gray-100,#f1f5f9);border-radius:15px 15px 0 0}.mp-course-card__media-link{display:block;width:100%;height:100%}.mp-course-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s ease}.mp-course-card--dawrat:hover .mp-course-card__img{transform:scale(1.05)}.mp-course-card__top-overlay{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:3}.mp-course-card__badge{pointer-events:auto;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;line-height:1.2}.mp-course-card__badge--featured{background:#f59e0b;color:#fff;box-shadow:0 2px 8px rgb(245 158 11 / .4)}.mp-course-card__badge--category{background:rgb(255 255 255 / .92);backdrop-filter:blur(4px);color:var(--mp-primary-700,#0369a1);box-shadow:0 2px 6px rgb(0 0 0 / .1);transition:background 0.2s,color 0.2s}.mp-course-card__badge--category:hover{background:#fff;color:var(--mp-primary-600,#0092a6)}.mp-course-card__badge--level{background:rgb(15 23 42 / .65);backdrop-filter:blur(4px);color:#fff;margin-inline-start:auto}.mp-course-card__duration-pill{position:absolute;bottom:10px;right:10px;background:rgb(15 23 42 / .8);backdrop-filter:blur(6px);color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;z-index:3;line-height:1;box-shadow:0 2px 6px rgb(0 0 0 / .2)}.mp-course-card__body{padding:16px;flex-grow:1;display:flex;flex-direction:column}.mp-course-card__instructor{display:flex;align-items:center;gap:4px;font-size:.8125rem;margin-bottom:6px;color:var(--mp-gray-500,#64748b)}.mp-course-card__instructor-prefix{color:var(--mp-gray-400,#94a3b8);font-size:.75rem}.mp-course-card__instructor-name{font-weight:600;color:var(--mp-gray-700,#334155)}.mp-course-card__title{font-size:.9375rem;font-weight:700;line-height:1.45;margin:0 0 12px 0;color:var(--mp-gray-900,#0f172a);min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-course-card__title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.mp-course-card__title a:hover{color:var(--mp-primary-600,#0092a6)}.mp-course-card__meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-top:10px;border-top:1px dashed var(--mp-gray-200,#e2e8f0)}.mp-course-card__rating{display:inline-flex;align-items:center;gap:3px;font-size:.8125rem;font-weight:700;color:var(--mp-gray-900,#0f172a)}.mp-course-card__star-icon{font-size:15px;color:#f59e0b}.mp-course-card__rating-score{font-size:.8125rem;font-weight:700}.mp-course-card__rating-count{color:var(--mp-gray-400,#94a3b8);font-weight:500;font-size:.75rem}.mp-course-card__level{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;color:var(--mp-gray-500,#64748b);font-weight:600}.mp-course-card__action{margin-top:auto;padding:10px 14px 16px;display:flex;justify-content:center;align-items:center;width:100%}.mp-course-card__btn{width:calc(100% - 12px);max-width:250px;height:40px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#0092a6;color:#ffffff!important;font-size:.875rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:background-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease;box-shadow:0 3px 10px rgb(0 146 166 / .25)}.mp-course-card__btn:hover{background:#007a8a;color:#ffffff!important;transform:translateY(-1px);box-shadow:0 6px 16px rgb(0 146 166 / .35)}.mp-course-card__btn:active{transform:translateY(0)}.mp-course-card__btn--enrolled{background-color:var(--mp-primary-600,#0092a6);box-shadow:0 2px 8px rgb(0 146 166 / .3)}.mp-course-card__btn--enrolled:hover{background-color:var(--mp-primary-700,#007687);box-shadow:0 6px 14px rgb(0 146 166 / .35)}.mp-course-card__btn--completed{background-color:#10b981;box-shadow:0 2px 8px rgb(16 185 129 / .3)}.mp-course-card__btn--completed:hover{background-color:#059669;box-shadow:0 6px 14px rgb(16 185 129 / .35)}@media (max-width:640px){.mp-course-card__action{padding:8px 12px 14px}.mp-course-card__btn{width:100%!important;max-width:100%!important;min-height:44px!important;height:auto!important;padding:10px 16px!important}.mp-course-card__body{padding:14px}}@media (max-width:360px){.mp-course-card__body{padding:10px 12px}.mp-course-card__title{font-size:.875rem;min-height:2.6em}.mp-course-card__meta-row{margin-bottom:10px;padding-top:8px}}.mp-category-breadcrumb{background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .18);backdrop-filter:blur(8px);padding:4px 16px;border-radius:var(--mp-radius-full,9999px);display:inline-flex;align-items:center;margin-bottom:12px}.mp-subcategories-section{margin-bottom:var(--mp-spacing-16,64px)}.mp-subcategories-header{padding-bottom:var(--mp-spacing-4,16px);border-bottom:1px solid var(--mp-border,#e2e8f0)}.mp-subcat-courses-header{padding-top:var(--mp-spacing-8,32px);border-top:1px dashed var(--mp-border,#e2e8f0);margin-top:var(--mp-spacing-12,48px);margin-bottom:var(--mp-spacing-6,24px)}