.course-card,.course-card-outer{height:100%;width:100%}.course-card-outer{position:relative}.course-card-trigger{background:#0000;border:0;cursor:pointer;display:flex;height:100%;padding:0;text-align:inherit;width:100%}.course-card-inner{background:var(--color-surface-card);border:1px solid #005baa14;border-radius:var(--radius-card);box-shadow:0 2px 8px #003d870a,0 0 0 1px #005baa08;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.course-card-trigger:focus-visible .course-card-inner,.course-card-trigger:hover .course-card-inner{border-color:#d16b1540;box-shadow:0 20px 40px #003d871f,0 0 0 1px #d16b1533;transform:translateY(-8px)}.course-card-image-wrap{aspect-ratio:16/9;background:linear-gradient(135deg,#005baa0f,#d16b150a);overflow:hidden;position:relative;width:100%}.course-card-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.course-card-trigger:hover .course-card-image{transform:scale(1.05)}.course-card-image-wrap:after{background:linear-gradient(0deg,#003d871f 0,#0000);bottom:0;content:"";height:40%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.course-card-tags{align-items:center;display:flex;justify-content:space-between;left:12px;position:absolute;right:12px;top:12px;z-index:2}[dir=rtl] .course-card-tags{flex-direction:row-reverse}.course-card-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:var(--radius-pill);box-shadow:0 2px 8px #00000014;color:var(--color-brand-primary-strong);font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:5px 14px}.course-card-tag.level{align-items:center;background:#d16b151f;display:flex;gap:5px}.course-card-tag.level,.course-card-tag.level svg{color:var(--color-brand-accent)}.course-card-discount-badge{background:linear-gradient(135deg,#d16b15,#e8842a);border-top-left-radius:14px;bottom:0;box-shadow:-2px -2px 10px #d16b154d;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.02em;padding:6px 14px;position:absolute;right:0;z-index:2}[dir=rtl] .course-card-discount-badge{border-top-left-radius:0;border-top-right-radius:14px;left:0;right:auto}.course-card-enrolled-badge{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:10px;box-shadow:0 2px 8px #22c55e4d;color:#fff;display:flex;font-size:.72rem;font-weight:700;gap:4px;left:12px;letter-spacing:.02em;padding:5px 12px;position:absolute;top:12px;z-index:2}[dir=rtl] .course-card-enrolled-badge{left:auto;right:12px}.course-card-enrolled-check{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;box-shadow:0 2px 8px #22c55e40;color:#fff;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.course-card-content{display:flex;flex-direction:column;flex-grow:1;gap:.75rem;padding:1.25rem;text-align:start}.course-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-brand-primary-strong);display:-webkit-box;font-size:1.05rem;font-weight:700;height:3.1rem;line-height:1.45;margin:0;overflow:hidden;transition:color .3s ease}.course-card-trigger:hover .course-card-title{color:var(--color-brand-accent)}.course-card-metrics{align-items:center;display:flex;font-size:.82rem;gap:1rem}.course-card-metric{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:6px;padding:4px 10px;transition:background .3s ease}.course-card-metric.metric-duration{background:#d16b1514;color:var(--color-brand-accent)}.course-card-metric.metric-duration svg{color:var(--color-brand-accent)}.course-card-metric.metric-students{background:#005baa0f;color:var(--color-brand-primary)}.course-card-metric.metric-students svg{color:var(--color-brand-primary);opacity:.7}.course-card-trigger:hover .metric-duration{background:#d16b1524}.course-card-trigger:hover .metric-students{background:#005baa1a}.course-card-divider{background:linear-gradient(90deg,#0000 0,#005baa1f 20%,#d16b1514 80%,#0000);border:0;height:1px;margin:0}.course-card-footer{align-items:center;background:linear-gradient(180deg,#f4f7fb66 0,#f4f7fb26);display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1.25rem}.course-card-footer-right{align-items:center;display:flex;gap:8px}.course-card-price-wrap{display:flex;flex-direction:column}.course-card-price-old{color:var(--color-status-error);font-size:.95rem;font-weight:600;opacity:.75;text-decoration:line-through}.course-card-price-current{align-items:center;color:var(--color-brand-primary-strong);display:flex;font-size:1.2rem;font-weight:800;gap:2px}.course-card-currency{color:var(--color-brand-accent);font-size:.82rem;font-weight:700}.course-card-instructor{align-items:center;display:flex;gap:8px;max-width:50%}.course-card-instructor-img{background:#fff;border:2px solid #d16b1540;border-radius:50%;height:32px;object-fit:cover;padding:1px;transition:border-color .3s ease;width:32px}.course-card-trigger:hover .course-card-instructor-img{border-color:var(--color-brand-accent)}.course-card-instructor-name{color:var(--color-brand-primary);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-card-trigger:focus-visible .course-card-inner{outline:3px solid var(--color-focus-ring);outline-offset:4px}.course-card-cart-btn{align-items:center;background:#fff;border:1.5px solid var(--color-brand-primary);border-radius:50%;box-shadow:0 2px 8px #005baa14;color:var(--color-brand-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:36px}.course-card-cart-btn:hover{background:linear-gradient(135deg,#005baa,#003d87);box-shadow:0 4px 14px #005baa4d;color:#fff;transform:scale(1.15)}.course-card-cart-btn.in-cart{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#22c55e;color:#fff;cursor:default}.course-card-cart-btn.in-cart:hover{box-shadow:0 2px 8px #22c55e33;transform:none}[dir=rtl] .course-card-footer,[dir=rtl] .course-card-footer-right{flex-direction:row-reverse}.ec-page{background:var(--color-surface-page);min-height:100vh}.ec-banner{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.ec-banner-bg{display:block;height:auto;width:100%}.ec-banner-overlay{background:linear-gradient(135deg,#00123794,#001e4bad 40%,#003d87c7);inset:0;position:absolute;z-index:1}.ec-banner-content{align-items:flex-start;display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,1rem);inset:0;justify-content:center;max-width:720px;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,6vw,5rem);position:absolute;text-align:left;z-index:2}[dir=rtl] .ec-banner-content{align-items:flex-end;padding-right:calc(clamp(1.5rem, 6vw, 5rem) + 20px);text-align:right}.ec-banner-title{animation:ec-banner-enter .7s cubic-bezier(.23,1,.32,1) both;color:#fff;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.ec-banner-subtitle,.ec-banner-title{font-family:var(--font-body);margin:0}.ec-banner-subtitle{animation:ec-banner-enter .7s cubic-bezier(.23,1,.32,1) .12s both;color:var(--color-brand-accent);font-size:clamp(.95rem,1.8vw,1.15rem);font-weight:600;line-height:1.5}.ec-banner-body{animation:ec-banner-enter .7s cubic-bezier(.23,1,.32,1) .24s both;color:#ffffffe0;font-family:var(--font-body);font-size:clamp(.85rem,1.4vw,1rem);font-weight:400;line-height:1.7;margin:0}@keyframes ec-banner-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.ec-banner-content{max-width:100%;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,4vw,2rem)}[dir=rtl] .ec-banner-content{padding-right:calc(clamp(1rem, 4vw, 2rem) + 20px)}.ec-banner-body{font-size:clamp(.8rem,2.5vw,.9rem)}}@media (max-width:575px){.ec-banner-content{justify-content:flex-end;padding-bottom:2rem}.ec-banner-title{font-size:1.4rem}.ec-banner-subtitle{font-size:.9rem}.ec-banner-body{font-size:.82rem}}.ec-categories{padding:clamp(2rem,5vw,3.5rem) 0 0}.ec-categories-grid{grid-gap:clamp(1rem,2vw,1.5rem);display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(4,1fr)}.ec-category-card{animation:ec-category-enter .6s cubic-bezier(.23,1,.32,1) both;background:var(--color-surface-card);border:3px solid #0000;border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;overflow:hidden;padding:0;position:relative;text-align:left;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1),border-color .3s ease;will-change:transform}.ec-category-card:first-child{animation-delay:.12s}.ec-category-card:nth-child(2){animation-delay:.22s}.ec-category-card:nth-child(3){animation-delay:.32s}.ec-category-card:nth-child(4){animation-delay:.42s}[dir=rtl] .ec-category-card{text-align:right}.ec-category-card:hover{box-shadow:0 20px 48px #003d8733,0 8px 20px #003d871a;transform:perspective(800px) rotateY(-3deg) translateY(-6px)}[dir=rtl] .ec-category-card:hover{transform:perspective(800px) rotateY(3deg) translateY(-6px)}.ec-category-card:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px;z-index:5}.ec-category-card--active{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary),0 0 24px #005baa38,0 12px 32px #003d8724}.ec-category-card--active:hover{box-shadow:0 0 0 3px var(--color-brand-primary),0 0 32px #005baa47,0 20px 48px #003d872e;transform:perspective(800px) rotateY(-3deg) translateY(-6px)}[dir=rtl] .ec-category-card--active:hover{transform:perspective(800px) rotateY(3deg) translateY(-6px)}.ec-category-card--active .ec-category-card-image{transform:scale(1.04)}.ec-category-card-image{aspect-ratio:16/10;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1);width:100%}.ec-category-card:hover .ec-category-card-image{transform:scale(1.08)}.ec-category-card-overlay{background:linear-gradient(0deg,#001941e0 0,#0023508c 45%,#0000);bottom:0;height:70%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.ec-category-card-info{bottom:0;display:flex;flex-direction:column;gap:.3rem;left:0;padding:clamp(.75rem,2vw,1.25rem);position:absolute;right:0;z-index:2}[dir=rtl] .ec-category-card-info{text-align:right}.ec-category-card-name{color:var(--color-text-on-dark);font-family:var(--font-body);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:700;letter-spacing:-.01em;line-height:1.25}.ec-category-card-count-badge{align-items:center;align-self:flex-start;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff2e;border-radius:var(--radius-pill);color:#ffffffeb;display:inline-flex;font-family:var(--font-body);font-size:.78rem;font-weight:600;line-height:1.5;padding:.2rem .65rem}[dir=rtl] .ec-category-card-count-badge{align-self:flex-end}.ec-tabs-sticky{backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);background:#ffffffb8;border-bottom:1px solid #005baa14;position:-webkit-sticky;position:sticky;top:0;z-index:30}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ec-tabs-sticky{background:#fffffff5}}.ec-tabs-bar{-ms-overflow-style:none;display:flex;overflow-x:auto;position:relative;scrollbar-width:none}.ec-tabs-bar::-webkit-scrollbar{display:none}.ec-tab{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;position:relative;transition:color .25s ease,background-color .25s ease;white-space:nowrap}.ec-tab:hover{background:#005baa0a;color:var(--color-brand-primary)}.ec-tab:focus-visible{border-radius:4px;outline:3px solid var(--color-focus-ring);outline-offset:-3px}.ec-tab--active{color:var(--color-brand-primary);font-weight:700}.ec-tab-count{align-items:center;background:var(--color-surface-subtle);border-radius:11px;color:var(--color-text-secondary);display:inline-flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;min-width:26px;padding:0 7px;transition:background .3s cubic-bezier(.23,1,.32,1),color .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.ec-tab-count--active{animation:ec-badge-pulse .35s ease-out;background:var(--color-brand-primary);color:var(--color-text-on-dark)}.ec-tabs-indicator{background:var(--color-brand-primary);border-radius:3px 3px 0 0;bottom:0;height:3px;left:0;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1),width .4s cubic-bezier(.23,1,.32,1),opacity .25s ease}.ec-courses{padding:clamp(2rem,5vw,3rem) 0 4rem}.ec-courses-enter{animation:ec-content-enter .4s cubic-bezier(.23,1,.32,1) both}.ec-courses-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:1.75rem}[dir=rtl] .ec-courses-header{flex-direction:row-reverse}.ec-courses-title{color:var(--color-brand-primary-strong);font-family:var(--font-body);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.01em;margin:0}.ec-courses-count{color:var(--color-text-secondary);font-family:var(--font-body);font-size:.95rem;font-weight:500}.ec-course-grid{grid-gap:clamp(1.25rem,2.5vw,1.75rem);display:grid;gap:clamp(1.25rem,2.5vw,1.75rem);grid-template-columns:repeat(3,1fr)}.ec-course-card-enter{animation:ec-card-enter .5s cubic-bezier(.23,1,.32,1) both}.ec-skeleton-wrapper{padding:2rem 0}.ec-skeleton-grid{grid-gap:clamp(1.25rem,2.5vw,1.75rem);display:grid;gap:clamp(1.25rem,2.5vw,1.75rem);grid-template-columns:repeat(3,1fr)}.ec-skeleton-card{background:var(--color-surface-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);overflow:hidden}.ec-skeleton-image{animation:ec-shimmer 1.6s ease-in-out infinite;aspect-ratio:16/9;background:linear-gradient(90deg,#005baa0f 25%,#005baa1a 37%,#005baa0f 63%);background-size:200% 100%}.ec-skeleton-body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem}.ec-skeleton-text{animation:ec-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#005baa0f 25%,#005baa1a 37%,#005baa0f 63%);background-size:200% 100%;border-radius:7px;height:14px}.ec-skeleton-text--short{width:70%}.ec-skeleton-text--xs{height:10px;width:45%}.ec-skeleton-text--sm{height:18px;width:35%}.ec-skeleton-footer{align-items:center;border-top:1px solid var(--color-border-soft);display:flex;justify-content:space-between;padding:.75rem 1.25rem}.ec-skeleton-circle{animation:ec-shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,#005baa0f 25%,#005baa1a 37%,#005baa0f 63%);background-size:200% 100%;border-radius:50%;height:34px;width:34px}.ec-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5rem 1.5rem;text-align:center}.ec-empty-visual{animation:ec-float 3s ease-in-out infinite;margin-bottom:1.5rem;width:clamp(100px,18vw,130px)}.ec-empty-visual svg{height:auto;width:100%}.ec-empty-text{color:var(--color-brand-primary-strong);font-family:var(--font-body);font-size:1.1rem;font-weight:600;margin:0 0 .4rem}.ec-empty-sub{color:var(--color-text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:400;margin:0}.ec-error{flex-direction:column;gap:1rem;padding:5rem 1rem;text-align:center}.ec-error,.ec-error-icon{align-items:center;display:flex;justify-content:center}.ec-error-icon{background:#b4231814;border-radius:50%;height:64px;width:64px}.ec-error-icon svg{color:var(--color-status-error);height:28px;width:28px}.ec-error-text{color:var(--color-status-error);font-family:var(--font-body);font-size:1rem;font-weight:500;margin:0}@keyframes ec-category-enter{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ec-content-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ec-card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ec-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ec-badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes ec-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1199px){.ec-categories-grid{gap:1rem}}@media (max-width:991px){.ec-categories-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.ec-course-grid,.ec-skeleton-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.ec-categories{padding:clamp(1.5rem,4vw,2.5rem) 0 0}.ec-category-card-name{font-size:clamp(.95rem,2vw,1.15rem)}}@media (max-width:767px){.ec-category-card-image{aspect-ratio:3/2}.ec-category-card-info{padding:.65rem .85rem}.ec-category-card-name{font-size:.92rem}.ec-category-card-count-badge{font-size:.72rem;padding:.15rem .5rem}.ec-categories{padding:1.25rem 0 0}}@media (max-width:575px){.ec-categories-grid{gap:.7rem;grid-template-columns:repeat(2,1fr)}.ec-category-card-image{aspect-ratio:4/3}.ec-category-card-info{gap:.2rem;padding:.55rem .7rem}.ec-category-card-name{font-size:.85rem}.ec-category-card-count-badge{font-size:.68rem}.ec-course-grid,.ec-skeleton-grid{gap:1rem;grid-template-columns:1fr}.ec-tab{font-size:.88rem;padding:.85rem 1.15rem}.ec-courses{padding:1.5rem 0 3rem}.ec-courses-header{margin-bottom:1.25rem}.ec-categories{padding:1rem 0 0}}[dir=rtl] .ec-banner-body,[dir=rtl] .ec-banner-subtitle,[dir=rtl] .ec-banner-title,[dir=rtl] .ec-category-card-count-badge,[dir=rtl] .ec-category-card-name,[dir=rtl] .ec-courses-count,[dir=rtl] .ec-courses-title,[dir=rtl] .ec-empty-sub,[dir=rtl] .ec-empty-text,[dir=rtl] .ec-error-text,[dir=rtl] .ec-tab{font-family:var(--font-arabic)}[dir=rtl] .ec-tab{flex-direction:row-reverse}[dir=rtl] .ec-skeleton-circle,[dir=rtl] .ec-skeleton-image,[dir=rtl] .ec-skeleton-text{animation-direction:reverse}[dir=rtl] .ec-tabs-bar{direction:rtl}@media (prefers-reduced-motion:reduce){.ec-banner-body,.ec-banner-subtitle,.ec-banner-title,.ec-category-card,.ec-course-card-enter,.ec-courses-enter,.ec-empty-visual{animation:none!important}.ec-category-card,.ec-category-card--active:hover,.ec-category-card:hover,[dir=rtl] .ec-category-card--active:hover,[dir=rtl] .ec-category-card:hover{transform:none!important;transition:box-shadow .15s ease,border-color .15s ease!important}.ec-category-card-image,.ec-tabs-indicator{transition:none!important}.ec-tab-count{transition:background .15s ease,color .15s ease!important}.ec-tab-count--active{animation:none!important}.ec-skeleton-circle,.ec-skeleton-image,.ec-skeleton-text{animation:none!important;background:#005baa14!important}}
/*# sourceMappingURL=521.9f08299f.chunk.css.map*/