:root {
  --els-color-primary: #55268f;
  --els-color-primary-dark: #32145f;
  --els-color-primary-soft: #f0e9f8;
  --els-color-secondary: #7fa629;
  --els-color-secondary-soft: #edf4dc;
  --els-color-accent: #f59a23;
  --els-color-accent-soft: #fff1dc;
  --els-color-cyan: #33b7dc;
  --els-color-magenta: #d83287;
  --els-color-background: #f8f6f2;
  --els-color-surface: #fff;
  --els-color-text: #211b2b;
  --els-color-muted: #6e6876;
  --els-color-border: #e5dfe9;
  --els-color-error: #c6283d;
  --els-color-warning: #a65a00;
  --els-color-info: #147fa8;
  --els-space-1: 4px;
  --els-space-2: 8px;
  --els-space-3: 12px;
  --els-space-4: 16px;
  --els-space-6: 24px;
  --els-space-8: 32px;
  --els-space-12: 48px;
  --els-space-16: 64px;
  --els-space-20: 80px;
  --els-space-30: 120px;
  --els-radius-sm: 8px;
  --els-radius-md: 16px;
  --els-radius-lg: 24px;
  --els-radius-pill: 999px;
  --els-shadow-sm: 0 8px 28px rgba(50, 20, 95, .08);
  --els-shadow-md: 0 18px 50px rgba(50, 20, 95, .12);
  --els-shadow-lg: 0 32px 80px rgba(50, 20, 95, .18);
  --els-container: 1200px;
  --els-reading: 760px;
  --els-header-height: 82px;
  --els-motion-fast: 160ms;
  --els-motion-base: 240ms;
  --els-motion-slow: 520ms;
  --els-ease: cubic-bezier(.2, .8, .2, 1);
}


@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

html { scroll-behavior: smooth; }
body.els2 {
  margin: 0;
  overflow-x: clip;
  background: var(--els-color-background);
  color: var(--els-color-text);
  font-family: 'Tajawal', 'Noto Sans Arabic', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}
.els2 *, .els2 *::before, .els2 *::after { box-sizing: border-box; }
.els2 img { display: block; max-width: 100%; height: auto; }
.els2 a { color: inherit; text-decoration: none; }
.els2 button, .els2 input, .els2 select, .els2 textarea { font: inherit; }
.els2 button { color: inherit; }
.els2 h1, .els2 h2, .els2 h3, .els2 h4, .els2 h5, .els2 h6 {
  margin: 0;
  color: var(--els-color-text);
  font-family: 'Alexandria', 'Noto Sans Arabic', Arial, sans-serif;
  line-height: 1.28;
  text-wrap: balance;
}
.els2 p { margin-block: 0; }
.els2 ul, .els2 ol { margin: 0; padding: 0; }
.els2 svg { width: 1.25em; height: 1.25em; flex: 0 0 auto; }
.els2 :focus-visible { outline: 3px solid var(--els-color-accent); outline-offset: 4px; }
.els2 [hidden] { display: none !important; }
.els2-container { width: min(calc(100% - 64px), var(--els-container)); margin-inline: auto; }
.els2-main { overflow: clip; }
.els2-section { position: relative; padding-block: var(--els-space-20); }
.els2-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--els-space-2);
  margin-bottom: var(--els-space-4);
  color: var(--els-color-primary);
  font-size: .92rem;
  font-weight: 800;
}
.els2-kicker svg { color: var(--els-color-accent); }
.els2-section-heading { max-width: 760px; margin-bottom: var(--els-space-12); }
.els2-section-heading h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.els2-section-heading > p:last-child { margin-top: var(--els-space-4); color: var(--els-color-muted); font-size: 1.1rem; }
.els2-section-heading--split { display: flex; align-items: end; justify-content: space-between; gap: var(--els-space-8); max-width: none; }
.els2-section-heading--split > div { max-width: 720px; }
.els2-section-heading--split > p { max-width: 390px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .els2 *, .els2 *::before, .els2 *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


.els2-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 22px;
  border: 1px solid var(--els-color-primary);
  border-radius: var(--els-radius-sm);
  background: var(--els-color-primary);
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
  transition: transform var(--els-motion-fast) var(--els-ease), background var(--els-motion-fast), box-shadow var(--els-motion-fast);
}
.els2-button:hover { transform: translateY(-2px); background: var(--els-color-primary-dark); color: #fff; box-shadow: var(--els-shadow-sm); }
.els2-button--small { min-height: 42px; padding: 9px 16px; font-size: .92rem; }
.els2-button--large { min-height: 56px; padding: 15px 26px; }
.els2-button--ghost { border-color: var(--els-color-border); background: var(--els-color-surface); color: var(--els-color-primary) !important; }
.els2-button--ghost:hover { border-color: var(--els-color-primary); background: var(--els-color-primary-soft); color: var(--els-color-primary-dark) !important; }
.els2-button--accent { border-color: var(--els-color-accent); background: var(--els-color-accent); color: var(--els-color-primary-dark) !important; }
.els2-button--accent:hover { background: #e88710; color: var(--els-color-primary-dark) !important; }
.els2-button--surface { border-color: #fff; background: #fff; color: var(--els-color-primary-dark) !important; }
.els2-button--surface:hover { background: var(--els-color-accent-soft); color: var(--els-color-primary-dark) !important; }
.els2-button--outline-light { border-color: rgba(255,255,255,.55); background: transparent; color: #fff !important; }
.els2-button--outline-light:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff !important; }
.els2-text-link { display: inline-flex; align-items: center; gap: 8px; color: var(--els-color-primary); font-weight: 800; }
.els2-text-link svg { transition: transform var(--els-motion-fast) var(--els-ease); }
.els2-text-link:hover svg { transform: translateX(-4px); }
.els2-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: var(--els-radius-pill); background: var(--els-color-primary-soft); color: var(--els-color-primary-dark); font-size: .78rem; font-weight: 800; }
.els2-badge--free { background: var(--els-color-secondary-soft); color: #4f7014; }
.els2-icon-button, .els2-menu-toggle {
  min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 8px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-sm); background: var(--els-color-surface); cursor: pointer;
}
.els2-menu-toggle { display: none; padding-inline: 13px; font-weight: 700; }
.els2-empty { display: grid; justify-items: center; gap: var(--els-space-3); padding: var(--els-space-12); border: 1px dashed var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); text-align: center; }
.els2-empty > span { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--els-color-primary-soft); color: var(--els-color-primary); font-size: 1.7rem; }
.els2-empty p { color: var(--els-color-muted); }

.els2-skip-link { position: fixed; inset-block-start: 12px; inset-inline-start: 12px; z-index: 100000; transform: translateY(-160%); padding: 10px 16px; border-radius: var(--els-radius-sm); background: var(--els-color-primary-dark); color: #fff !important; font-weight: 700; }
.els2-skip-link:focus { transform: translateY(0); }
.els2-site, .els2 .content-pusher, .els2 #main-content { min-height: 0; }
.els2-header { position: relative; z-index: 1000; border-bottom: 1px solid var(--els-color-border); background: rgba(255,255,255,.94); backdrop-filter: blur(18px); }
.els2-header.is-sticky { position: sticky; top: 0; box-shadow: 0 12px 36px rgba(33,27,43,.08); }
.admin-bar .els2-header.is-sticky { top: 32px; }
.els2-announcement { background: var(--els-color-primary-dark); color: #fff; font-size: .9rem; }
.els2-announcement .els2-container { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: var(--els-space-4); }
.els2-announcement a { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; }
.els2-header__bar { min-height: var(--els-header-height); display: flex; align-items: center; gap: var(--els-space-8); }
.els2-brand { display: inline-flex; flex: 0 0 auto; align-items: center; color: var(--els-color-primary-dark); white-space: nowrap; }
.els2-brand .custom-logo-link { display: inline-flex; align-items: center; }
.els2-brand .custom-logo { width: auto; max-width: 150px; max-height: 58px; }
.els2-brand,
.els2-auth-brand { border: 0; background: transparent; box-shadow: none; }
.els2-brand__image { display: block; width: 62px; height: auto; object-fit: contain; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; }
.els2-brand__image--footer { width: 112px; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; }
.els2-nav { flex: 1; }
.els2-nav__list { display: flex; align-items: center; justify-content: center; gap: 6px; list-style: none; }
.els2-nav__list > li { position: relative; }
.els2-nav__list > li > a { min-height: 44px; display: flex; align-items: center; padding: 10px 13px; border-radius: var(--els-radius-sm); font-weight: 700; }
.els2-nav__list > li > a:hover, .els2-nav__list > .current-menu-item > a { background: var(--els-color-primary-soft); color: var(--els-color-primary); }
.els2-nav__list .sub-menu { position: absolute; inset-block-start: calc(100% + 8px); inset-inline-start: 0; min-width: 220px; display: grid; gap: 2px; padding: 10px; visibility: hidden; opacity: 0; transform: translateY(8px); border: 1px solid var(--els-color-border); border-radius: var(--els-radius-md); background: var(--els-color-surface); box-shadow: var(--els-shadow-md); list-style: none; transition: opacity var(--els-motion-fast), transform var(--els-motion-fast), visibility var(--els-motion-fast); }
.els2-nav__list li:hover > .sub-menu, .els2-nav__list li:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: none; }
.els2-nav__list .sub-menu a { display: block; padding: 9px 11px; border-radius: 7px; }
.els2-nav__list .sub-menu a:hover { background: var(--els-color-primary-soft); color: var(--els-color-primary); }
.els2-header__actions { display: flex; align-items: center; gap: 8px; }
.els2-account-link { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border-radius: var(--els-radius-sm); color: var(--els-color-primary-dark); font-weight: 800; }
.els2-search-panel { border-top: 1px solid var(--els-color-border); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2-search-form { padding-block: var(--els-space-6); }
.els2-search-form label { display: block; margin-bottom: 8px; font-weight: 700; }
.els2-search-form__control { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding-inline-start: 16px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-md); background: var(--els-color-background); }
.els2-search-form__control input { min-width: 0; min-height: 54px; border: 0; outline: 0; background: transparent; color: var(--els-color-text); }
.els2-search-form__control .els2-button { margin: 5px; }
.els2-footer { position: relative; overflow: hidden; background: var(--els-color-primary-dark); color: rgba(255,255,255,.82); }
.els2-footer::before { content: ''; position: absolute; width: 300px; height: 300px; inset: -180px auto auto -80px; border: 55px solid rgba(245,154,35,.2); border-radius: 50%; }
.els2-footer__main { position: relative; display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: var(--els-space-12); padding-block: var(--els-space-16); }
.els2-footer h2 { margin-bottom: var(--els-space-4); color: #fff; font-size: 1rem; }
.els2-footer ul { display: grid; gap: 10px; list-style: none; }
.els2-footer a:hover { color: #fff; }
.els2-footer__brand p { max-width: 390px; margin-top: var(--els-space-4); }
.els2-brand--footer { color: #fff; }
.els2-footer__contact { display: flex; flex-direction: column; align-items: flex-start; }
.els2-footer__contact a { margin-bottom: 8px; }
.els2-footer__bottom { border-top: 1px solid rgba(255,255,255,.14); }
.els2-footer__bottom .els2-container { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: var(--els-space-4); font-size: .9rem; }
.els2 .darkluplite-mode-switcher.bottom_right { right: auto; left: 24px; bottom: 24px; z-index: 1100; }

.els2-hero { position: relative; min-height: 720px; display: grid; align-items: center; padding-block: var(--els-space-16); overflow: hidden; background: radial-gradient(circle at 10% 18%, rgba(245,154,35,.12), transparent 28%), linear-gradient(135deg, #fbf9f6 0%, #f5f0fa 100%); }
.els2-hero::after { content: ''; position: absolute; inset-inline: 0; bottom: -1px; height: 54px; background: var(--els-color-background); clip-path: ellipse(58% 45% at 50% 100%); }
.els2-hero__grid { display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: clamp(44px, 7vw, 92px); }
.els2-hero__copy { position: relative; z-index: 2; }
.els2-hero h1 { max-width: 700px; font-size: clamp(2.65rem, 5.6vw, 5.1rem); letter-spacing: -.035em; }
.els2-hero h1 span { color: var(--els-color-primary); }
.els2-hero__lead { max-width: 650px; margin-top: var(--els-space-6); color: var(--els-color-muted); font-size: clamp(1.05rem, 2vw, 1.28rem); }
.els2-hero__actions { display: flex; flex-wrap: wrap; gap: var(--els-space-3); margin-top: var(--els-space-8); }
.els2-proof-list { display: flex; flex-wrap: wrap; gap: var(--els-space-6); margin-top: var(--els-space-6); color: var(--els-color-muted); list-style: none; }
.els2-proof-list li { display: inline-flex; align-items: center; gap: 7px; }
.els2-proof-list svg { color: var(--els-color-secondary); }
.els2-hero__visual { position: relative; min-height: 530px; display: grid; place-items: center; }
.els2-learning-board { position: relative; z-index: 2; width: min(100%, 480px); padding: var(--els-space-6); border: 1px solid rgba(255,255,255,.8); border-radius: 34px; background: rgba(255,255,255,.88); box-shadow: var(--els-shadow-lg); backdrop-filter: blur(18px); transform: rotate(-2deg); }
.els2-learning-board__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }
.els2-learning-board__head div { display: grid; }
.els2-learning-board__head small { color: var(--els-color-muted); }
.els2-avatar { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 16px; background: var(--els-color-primary); color: #fff; font-family: 'Alexandria', sans-serif; font-weight: 700; }
.els2-mini-course { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; margin-top: var(--els-space-6); padding: var(--els-space-4); border-radius: 20px; background: var(--els-color-primary-dark); color: #fff; }
.els2-mini-course__icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 17px; background: var(--els-color-accent); color: var(--els-color-primary-dark); font-size: 1.35rem; }
.els2-mini-course > div:nth-child(2) { display: grid; gap: 3px; }
.els2-mini-course small { color: rgba(255,255,255,.7); }
.els2-mini-course span { height: 5px; margin-top: 7px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.2); }
.els2-mini-course i { display: block; height: 100%; border-radius: inherit; background: var(--els-color-secondary); }
.els2-mini-course button { width: 46px; height: 46px; display: grid; place-items: center; border: 0; border-radius: 50%; background: #fff; color: var(--els-color-primary); cursor: pointer; }
.els2-board-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.els2-board-grid div { display: grid; padding: 16px; border-radius: 18px; background: var(--els-color-background); }
.els2-board-grid strong { color: var(--els-color-primary); font-family: 'Alexandria', sans-serif; font-size: 1.6rem; }
.els2-board-grid span { color: var(--els-color-muted); font-size: .86rem; }
.els2-orbit { position: absolute; border-radius: 50%; }
.els2-orbit--lime { width: 480px; height: 480px; border: 60px solid rgba(127,166,41,.34); transform: translate(36px,-8px); }
.els2-orbit--orange { width: 365px; height: 365px; border: 34px solid rgba(245,154,35,.32); transform: translate(-70px,70px); }
.els2-float-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-pill); background: #fff; box-shadow: var(--els-shadow-sm); font-weight: 800; }
.els2-float-chip span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; }
.els2-float-chip--one { inset: 82px auto auto 0; }
.els2-float-chip--one span { background: var(--els-color-secondary-soft); color: var(--els-color-secondary); }
.els2-float-chip--two { inset: auto 10px 65px auto; }
.els2-float-chip--two span { background: var(--els-color-accent-soft); color: var(--els-color-warning); }
.els2-hero__ornament { position: absolute; border-radius: 50%; pointer-events: none; }
.els2-hero__ornament--one { width: 24px; height: 24px; top: 17%; left: 7%; background: var(--els-color-magenta); box-shadow: 42px 22px 0 -7px var(--els-color-cyan), 18px 58px 0 -9px var(--els-color-secondary); }
.els2-hero__ornament--two { width: 140px; height: 140px; right: -80px; bottom: 90px; border: 25px solid rgba(85,38,143,.14); }

.els2-paths { background: var(--els-color-background); }
.els2-path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--els-space-6); }
.els2-path-card { position: relative; min-height: 370px; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: var(--els-space-8); border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); transition: transform var(--els-motion-base) var(--els-ease), box-shadow var(--els-motion-base); }
.els2-path-card::after { content: ''; position: absolute; width: 180px; height: 180px; inset: auto -80px -90px auto; border: 30px solid currentColor; border-radius: 50%; opacity: .1; }
.els2-path-card:hover { transform: translateY(-8px); box-shadow: var(--els-shadow-md); }
.els2-path-card__number { position: absolute; inset: 22px auto auto 24px; color: var(--els-color-border); font-family: 'Alexandria', sans-serif; font-size: 2rem; font-weight: 800; }
.els2-path-card__icon { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: auto; border-radius: 22px; font-size: 1.8rem; }
.els2-path-card h3 { margin-top: var(--els-space-8); font-size: 1.55rem; }
.els2-path-card p { margin-block: var(--els-space-3) var(--els-space-6); color: var(--els-color-muted); }
.els2-path-card--primary { color: var(--els-color-primary); }
.els2-path-card--primary .els2-path-card__icon { background: var(--els-color-primary-soft); }
.els2-path-card--accent { color: var(--els-color-warning); }
.els2-path-card--accent .els2-path-card__icon { background: var(--els-color-accent-soft); }
.els2-path-card--on { border-color: var(--els-color-primary-dark); background: var(--els-color-primary-dark); color: #fff; }
.els2-path-card--on h3, .els2-path-card--on .els2-text-link { color: #fff; }
.els2-path-card--on p { color: rgba(255,255,255,.72); }
.els2-path-card--on .els2-path-card__icon { background: var(--els-color-accent); color: var(--els-color-primary-dark); }
.els2-path-card--on .els2-path-card__number { color: rgba(255,255,255,.18); }

.els2-stage { background: var(--els-color-surface); }
.els2-stage-picker { display: grid; grid-template-columns: minmax(270px, .72fr) 1.28fr; gap: var(--els-space-6); padding: var(--els-space-6); border: 1px solid var(--els-color-border); border-radius: 30px; background: var(--els-color-background); }
.els2-stage-picker__tabs { display: grid; gap: 10px; }
.els2-stage-picker__tabs button { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border: 1px solid transparent; border-radius: var(--els-radius-md); background: transparent; text-align: right; font-weight: 800; cursor: pointer; transition: background var(--els-motion-fast), color var(--els-motion-fast), transform var(--els-motion-fast); }
.els2-stage-picker__tabs button small { color: var(--els-color-muted); font-weight: 500; }
.els2-stage-picker__tabs button[aria-selected="true"] { background: var(--els-color-primary); color: #fff; box-shadow: var(--els-shadow-sm); }
.els2-stage-picker__tabs button[aria-selected="true"] small { color: rgba(255,255,255,.72); }
.els2-stage-picker__panel { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-content: start; padding: 6px; }
.els2-stage-picker__panel a { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-md); background: var(--els-color-surface); font-weight: 700; transition: border-color var(--els-motion-fast), transform var(--els-motion-fast), color var(--els-motion-fast); }
.els2-stage-picker__panel a:hover { transform: translateY(-2px); border-color: var(--els-color-primary); color: var(--els-color-primary); }

.els2-discovery { background: linear-gradient(180deg, var(--els-color-background), #f3eef7); }
.els2-course-filter { max-width: 720px; margin-bottom: var(--els-space-8); }
.els2-course-filter label { display: block; margin-bottom: 8px; font-weight: 700; }
.els2-course-filter > div { min-height: 56px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding-inline: 16px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-md); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2-course-filter input { min-width: 0; height: 54px; border: 0; outline: 0; background: transparent; color: var(--els-color-text); }
.els2-course-filter [data-els2-course-count] { color: var(--els-color-muted); font-size: .88rem; white-space: nowrap; }
.els2-course-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--els-space-6); }
.els2-course-card { min-width: 0; overflow: hidden; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); box-shadow: 0 6px 20px rgba(50,20,95,.06); transition: transform var(--els-motion-base) var(--els-ease), box-shadow var(--els-motion-base); }
.els2-course-card:hover { transform: translateY(-6px); box-shadow: var(--els-shadow-md); }
.els2-course-card__media { position: relative; aspect-ratio: 16 / 10; display: block; overflow: hidden; background: var(--els-color-primary-soft); }
.els2-course-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--els-motion-slow) var(--els-ease); }
.els2-course-card:hover .els2-course-card__media img { transform: scale(1.04); }
.els2-course-card__media .els2-badge { position: absolute; inset-block-start: 12px; inset-inline-start: 12px; }
.els2-course-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--els-color-primary); font-size: 3rem; }
.els2-course-card__body { display: flex; min-height: 250px; flex-direction: column; align-items: flex-start; padding: 20px; }
.els2-course-card__eyebrow { margin-bottom: 8px; color: var(--els-color-primary); font-size: .82rem; font-weight: 800; }
.els2-course-card h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 1.04rem; line-height: 1.55; }
.els2-course-card h3 a:hover { color: var(--els-color-primary); }
.els2-course-card__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-block: 14px 18px; color: var(--els-color-muted); font-size: .82rem; }
.els2-course-card .els2-text-link { margin-top: auto; font-size: .9rem; }

.els2-how { background: var(--els-color-surface); }
.els2-how__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(48px, 8vw, 110px); align-items: center; }
.els2-how__intro h2 { font-size: clamp(2rem, 4vw, 3.2rem); }
.els2-how__intro > p:not(.els2-kicker) { margin-block: var(--els-space-4) var(--els-space-6); color: var(--els-color-muted); font-size: 1.08rem; }
.els2-steps { position: relative; display: grid; gap: var(--els-space-4); list-style: none; }
.els2-steps::before { content: ''; position: absolute; inset-block: 45px; inset-inline-start: 31px; width: 2px; background: linear-gradient(var(--els-color-primary), var(--els-color-accent), var(--els-color-secondary)); }
.els2-steps li { position: relative; display: grid; grid-template-columns: auto 1fr; gap: var(--els-space-4); padding: 22px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-background); }
.els2-steps li > span { position: relative; z-index: 1; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 20px; background: var(--els-color-primary); color: #fff; font-family: 'Alexandria', sans-serif; font-size: 1.35rem; font-weight: 800; }
.els2-steps li:nth-child(2) > span { background: var(--els-color-accent); color: var(--els-color-primary-dark); }
.els2-steps li:nth-child(3) > span { background: var(--els-color-secondary); }
.els2-steps p { margin-top: 5px; color: var(--els-color-muted); }

.els2-trust { color: #fff; background: var(--els-color-primary); }
.els2-trust::before { content: ''; position: absolute; inset: 0; opacity: .22; background-image: radial-gradient(circle, #fff 1.4px, transparent 1.5px); background-size: 24px 24px; mask-image: linear-gradient(90deg, #000, transparent 55%); }
.els2-trust .els2-container { position: relative; display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--els-space-16); align-items: center; }
.els2-trust h2, .els2-trust .els2-kicker { color: #fff; }
.els2-trust__copy h2 { font-size: clamp(2rem, 4vw, 3.3rem); }
.els2-trust__copy > p:last-child { margin-top: var(--els-space-4); color: rgba(255,255,255,.75); }
.els2-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: var(--els-radius-lg); background: rgba(255,255,255,.18); }
.els2-stats div { display: grid; place-items: center; min-height: 170px; padding: var(--els-space-4); background: rgba(50,20,95,.34); text-align: center; backdrop-filter: blur(10px); }
.els2-stats strong { color: var(--els-color-accent); font-family: 'Alexandria', sans-serif; font-size: clamp(1.55rem, 3vw, 2.55rem); }
.els2-stats span { color: rgba(255,255,255,.75); }

.els2-on { background: var(--els-color-background); }
.els2-on__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(48px, 8vw, 110px); padding-block: var(--els-space-8); }
.els2-on__visual { position: relative; min-height: 500px; display: grid; place-items: center; border-radius: 44% 56% 54% 46% / 46% 40% 60% 54%; background: var(--els-color-secondary); }
.els2-on__visual::before, .els2-on__visual::after { content: ''; position: absolute; border-radius: 50%; }
.els2-on__visual::before { width: 120px; height: 120px; top: -28px; left: -20px; border: 23px solid var(--els-color-accent); }
.els2-on__visual::after { width: 52px; height: 52px; right: -9px; bottom: 50px; background: var(--els-color-magenta); }
.els2-on__screen { width: 72%; min-height: 315px; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--els-space-4); padding: var(--els-space-8); border: 8px solid var(--els-color-primary-dark); border-radius: 26px; background: linear-gradient(145deg, var(--els-color-primary), var(--els-color-primary-dark)); color: #fff; box-shadow: var(--els-shadow-lg); transform: rotate(4deg); }
.els2-on__screen strong { color: #fff; font-family: 'Alexandria', sans-serif; font-size: clamp(1.6rem, 3vw, 2.6rem); }
.els2-on__label { align-self: flex-start; padding: 6px 12px; border-radius: var(--els-radius-pill); background: var(--els-color-accent); color: var(--els-color-primary-dark); font-weight: 800; }
.els2-on__screen > div { display: flex; gap: 8px; }
.els2-on__screen i { width: 9px; height: 9px; border-radius: 50%; background: #fff; opacity: .65; }
.els2-on__copy h2 { font-size: clamp(2rem, 4vw, 3.35rem); }
.els2-on__copy > p:not(.els2-kicker) { margin-block: var(--els-space-4) var(--els-space-6); color: var(--els-color-muted); font-size: 1.08rem; }
.els2-on__copy ul { display: grid; gap: 12px; margin-bottom: var(--els-space-8); list-style: none; }
.els2-on__copy li { display: flex; align-items: center; gap: 9px; font-weight: 700; }
.els2-on__copy li svg { color: var(--els-color-secondary); }

.els2-final-cta { padding-top: 0; }
.els2-final-cta__box { display: flex; align-items: center; justify-content: space-between; gap: var(--els-space-12); overflow: hidden; padding: clamp(32px, 5vw, 64px); border-radius: 34px; background: var(--els-color-primary-dark); color: #fff; box-shadow: var(--els-shadow-lg); }
.els2-final-cta__box::after { content: ''; width: 220px; height: 220px; position: absolute; inset: auto -70px -110px auto; border: 38px solid rgba(245,154,35,.36); border-radius: 50%; }
.els2-final-cta h2, .els2-final-cta .els2-kicker { color: #fff; }
.els2-final-cta h2 { font-size: clamp(1.8rem, 3.7vw, 3rem); }
.els2-final-cta p:not(.els2-kicker) { margin-top: 12px; color: rgba(255,255,255,.72); }
.els2-final-cta__box > div:last-child { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }

.els2-motion .els2-section-heading, .els2-motion .els2-path-card, .els2-motion .els2-course-card, .els2-motion .els2-steps li { opacity: 0; transform: translateY(18px); transition: opacity var(--els-motion-slow) var(--els-ease), transform var(--els-motion-slow) var(--els-ease); }
.els2-motion .els2-section-heading.is-visible, .els2-motion .els2-path-card.is-visible, .els2-motion .els2-course-card.is-visible, .els2-motion .els2-steps li.is-visible { opacity: 1; transform: none; }

/* LearnPress discovery and course presentation. Data and plugin behavior are untouched. */
.els2 .learn-press-courses, .els2 ul.learn-press-courses { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--els-space-6); margin-block: var(--els-space-8); list-style: none; }
.els2 .learn-press-courses .course, .els2 .lp-archive-courses .course-item { overflow: hidden; margin: 0; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2 .learn-press-courses .course:hover, .els2 .lp-archive-courses .course-item:hover { transform: translateY(-4px); box-shadow: var(--els-shadow-md); }
.els2 .learn-press-courses .course-thumbnail img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.els2 .learn-press-courses .course-content { padding: var(--els-space-6); }
.els2 .learn-press-courses .course-title { color: var(--els-color-text); font-family: 'Alexandria', sans-serif; font-size: 1.1rem; line-height: 1.5; }
.els2 .learn-press-courses .course-price { display: inline-flex; padding: 5px 10px; border-radius: var(--els-radius-pill); background: var(--els-color-secondary-soft); color: #4f7014; font-weight: 800; }
.els2 .lp-archive-courses { width: min(calc(100% - 64px), var(--els-container)); margin-inline: auto; padding-block: var(--els-space-16); }
.els2 .lp-archive-courses .learn-press-courses-header h1 { font-size: clamp(2.1rem, 4vw, 3.7rem); }
.els2 .learn-press-courses[data-layout="list"] .course { display: grid; grid-template-columns: 320px 1fr; }

.els2.single-lp_course #main-content { background: var(--els-color-background); }
.els2.single-lp_course .site-content { width: min(calc(100% - 64px), var(--els-container)); margin-inline: auto; padding-block: var(--els-space-16); }
.els2.single-lp_course .course-summary { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--els-space-8); align-items: start; }
.els2.single-lp_course .course-summary .course-landing-summary { min-width: 0; }
.els2.single-lp_course .course-detail-info, .els2.single-lp_course .course-info-left { padding: clamp(24px, 4vw, 48px); border-radius: 28px; background: linear-gradient(135deg, var(--els-color-primary-dark), var(--els-color-primary)); color: #fff; }
.els2.single-lp_course .course-detail-info h1, .els2.single-lp_course .course-info-left h1 { color: #fff; font-size: clamp(2rem, 4vw, 3.4rem); }
.els2.single-lp_course .course-meta-primary { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: var(--els-space-6); color: rgba(255,255,255,.78); }
.els2.single-lp_course .course-summary-sidebar, .els2.single-lp_course .course-sidebar { position: sticky; top: calc(var(--els-header-height) + 24px); overflow: hidden; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); box-shadow: var(--els-shadow-md); }
.els2.single-lp_course .course-summary-sidebar .course-sidebar-preview, .els2.single-lp_course .course-sidebar .course-sidebar-preview { padding: var(--els-space-6); }
.els2.single-lp_course .course-summary-sidebar .lp-button, .els2.single-lp_course .course-sidebar .lp-button { width: 100%; min-height: 52px; border: 0; border-radius: var(--els-radius-sm); background: var(--els-color-primary); color: #fff; font-weight: 800; }
.els2.single-lp_course .course-tabs { margin-top: var(--els-space-8); overflow: hidden; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); }
.els2.single-lp_course .course-nav-tabs { display: flex; gap: 4px; padding: 8px; border: 0; background: var(--els-color-primary-soft); list-style: none; }
.els2.single-lp_course .course-nav-tabs li a { min-height: 48px; display: flex; align-items: center; padding: 10px 18px; border-radius: var(--els-radius-sm); font-weight: 800; }
.els2.single-lp_course .course-nav-tabs li.active a { background: var(--els-color-surface); color: var(--els-color-primary); box-shadow: var(--els-shadow-sm); }
.els2.single-lp_course .course-tab-panel { padding: clamp(20px, 4vw, 40px); }
.els2 .course-curriculum .section { margin-bottom: 14px; overflow: hidden; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-md); background: var(--els-color-surface); }
.els2 .course-curriculum .section-header { padding: 18px 20px; background: var(--els-color-background); }
.els2 .course-curriculum .course-item { min-height: 56px; display: flex; align-items: center; border-top: 1px solid var(--els-color-border); }
.els2 .course-curriculum .course-item a { flex: 1; padding: 14px 18px; }

/* Focused lesson experience. LearnPress popup mechanics and comments remain active. */
.els2 #popup-course { background: var(--els-color-background); }
.els2 #popup-course #popup-header { border-bottom: 1px solid var(--els-color-border); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2 #popup-course #popup-sidebar { width: 360px; border-inline-end: 1px solid var(--els-color-border); background: var(--els-color-surface); }
.els2 #popup-course #popup-content { inset-inline-start: 360px; background: var(--els-color-background); }
.els2 #popup-course .content-item-wrap { width: min(calc(100% - 48px), 920px); margin-inline: auto; padding-block: var(--els-space-12); }
.els2 #popup-course .content-item-summary { padding: clamp(20px, 4vw, 48px); border-radius: var(--els-radius-lg); background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2 #popup-course .course-item-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: var(--els-space-6); }
.els2 #popup-course .course-item-nav a { min-height: 52px; display: flex; align-items: center; justify-content: center; padding: 12px 18px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-sm); background: var(--els-color-surface); font-weight: 800; }
.els2 #popup-course .course-item-nav a:hover { border-color: var(--els-color-primary); color: var(--els-color-primary); }
.els2 #popup-course .comments-area { margin-top: var(--els-space-8); padding: clamp(20px, 4vw, 40px); border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); }

/* Stage 2 discovery template. */
.els2-course-archive { min-height: 70vh; padding-block: clamp(48px, 7vw, 96px); background: var(--els-color-background); }
.els2-discovery-hero { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .7fr); gap: var(--els-space-8); align-items: end; margin-bottom: var(--els-space-12); padding: clamp(28px, 5vw, 56px); border-radius: 32px; background: linear-gradient(135deg, var(--els-color-primary-dark), var(--els-color-primary)); color: #fff; overflow: hidden; }
.els2-discovery-hero h1 { margin: 8px 0 14px; color: #fff; font-size: clamp(2.3rem, 5vw, 4.8rem); }
.els2-discovery-hero p { max-width: 700px; margin: 0; color: rgba(255,255,255,.82); font-size: 1.1rem; }
.els2-discovery-search { display: flex; gap: 8px; padding: 8px; border-radius: var(--els-radius-md); background: #fff; box-shadow: var(--els-shadow-md); }
.els2-discovery-search input { flex: 1; min-width: 0; border: 0; padding-inline: 12px; outline: 0; }
.els2-discovery-toolbar { display: flex; align-items: end; justify-content: space-between; gap: var(--els-space-6); margin-bottom: var(--els-space-6); }
.els2-discovery-toolbar h2 { margin: 0; }
.els2-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: var(--els-space-12); }
.els2-pagination .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--els-color-border); border-radius: 12px; background: var(--els-color-surface); }
.els2-pagination .current { border-color: var(--els-color-primary); background: var(--els-color-primary); color: #fff; }

/* LearnPress course presentation: plugin markup and actions stay intact. */
.els2-course-shell { min-height: 70vh; padding-block: clamp(36px, 6vw, 88px); background: var(--els-color-background); }
.els2-course-shell #lp-single-course { width: min(calc(100% - 64px), var(--els-container)); margin-inline: auto; }
.els2-course-shell #learn-press-course { display: block; }
.els2-course-shell .course-info { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px 32px; align-items: start; }
.els2-course-shell .entry-title { grid-column: 1; margin: 0; padding: clamp(28px, 5vw, 54px); border-radius: 28px 28px 0 0; background: linear-gradient(135deg, var(--els-color-primary-dark), var(--els-color-primary)); color: #fff; font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.35; }
.els2-course-shell .course-meta { grid-column: 1; margin: -18px 0 0; padding: 22px clamp(28px, 5vw, 54px); border-radius: 0 0 28px 28px; background: var(--els-color-primary); color: rgba(255,255,255,.82); }
.els2-course-shell .course-meta a, .els2-course-shell .course-meta .value { color: #fff; }
.els2-course-shell .course-payment { grid-column: 2; grid-row: 1 / span 2; position: sticky; top: calc(var(--els-header-height) + 24px); display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 26px; border: 1px solid var(--els-color-border); border-radius: 24px; background: var(--els-color-surface); box-shadow: var(--els-shadow-md); }
.els2-course-shell .course-price { font-size: 1.35rem; font-weight: 900; color: var(--els-color-secondary); }
.els2-course-shell .lp-course-buttons, .els2-course-shell .lp-course-buttons form { width: 100%; margin: 0; }
.els2-course-shell .lp-button { width: 100%; min-height: 52px; border: 0; border-radius: 14px; background: var(--els-color-primary); color: #fff; font-weight: 800; }
.els2-course-shell .course-summary { grid-column: 1 / -1; margin-top: var(--els-space-6); }
.els2-course-shell .course-thumbnail { overflow: hidden; border-radius: 24px; background: var(--els-color-surface); }
.els2-course-shell .course-thumbnail img { width: 100%; max-height: 520px; object-fit: cover; }
.els2-course-shell .thim-course-menu-landing { position: static; margin: 24px 0; border: 1px solid var(--els-color-border); border-radius: 18px; background: var(--els-color-surface); box-shadow: none; }
.els2-course-shell .lp-entry-content { display: block; }
.els2-course-shell .entry-content-left { width: 100%; }
.els2-course-shell .course-tabs { border-radius: 24px; }
.els2-course-shell .course-section { margin-bottom: 14px; overflow: hidden; border: 1px solid var(--els-color-border); border-radius: 16px; background: var(--els-color-surface); }
.els2-course-shell .course-section-header { padding: 18px 20px; background: var(--els-color-primary-soft); }
.els2-course-shell .course-item { min-height: 58px; border-top: 1px solid var(--els-color-border); }
.els2-course-shell .course-item__link { padding: 14px 18px; }
.els2-course-shell .comments-area { margin-top: 28px; padding: clamp(22px, 4vw, 40px); border: 1px solid var(--els-color-border); border-radius: 24px; background: var(--els-color-surface); }
.els2-course-shell .thim-related-course { margin-top: var(--els-space-12); }

/* Physical positioning avoids RTL logical-inset inversions in the plugin popup. */
.els2.course-item-popup #popup-course { direction: rtl; background: var(--els-color-background); }
.els2.course-item-popup #popup-header { position: absolute; left: 0; right: 360px !important; width: auto !important; height: 72px; margin: 0 !important; border-bottom: 1px solid var(--els-color-border); background: var(--els-color-primary); box-shadow: var(--els-shadow-sm); z-index: 1003; }
.els2.course-item-popup #popup-sidebar { position: absolute !important; top: 0; right: 0; bottom: 0; left: auto; width: 360px !important; min-width: 360px; height: auto !important; border-left: 1px solid var(--els-color-border); border-right: 0; background: var(--els-color-surface); }
.els2.course-item-popup #popup-content { position: absolute; top: 72px; right: 360px; bottom: 0; left: 0; width: auto !important; margin: 0 !important; background: var(--els-color-background); }
.els2.course-item-popup #popup-content .content-item-wrap { width: min(calc(100% - 48px), 920px); margin-inline: auto; padding-block: 44px; }
.els2.course-item-popup .content-item-summary { overflow: hidden; padding: clamp(24px, 5vw, 52px); border-radius: 24px; background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2.course-item-popup .content-item-description iframe, .els2.course-item-popup .content-item-description video { max-width: 100%; }
.els2.course-item-popup .course-item-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.els2.course-item-popup.course-item-lp_quiz #popup-header{background:linear-gradient(110deg,var(--els-color-primary-dark),var(--els-color-primary))}.els2.course-item-popup.course-item-lp_quiz .content-item-summary{border:1px solid var(--els-color-border);background:radial-gradient(circle at 8% 8%,rgba(245,154,35,.1),transparent 27%),var(--els-color-surface)}.els2.course-item-popup.course-item-lp_quiz .quiz-title{margin:0 0 28px;color:var(--els-color-primary-dark);font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.35}.els2.course-item-popup.course-item-lp_quiz .quiz-content{padding:clamp(14px,3vw,26px);border:1px solid var(--els-color-border);border-radius:20px;background:var(--els-color-background)}.els2.course-item-popup.course-item-lp_quiz .quiz-content p{margin:0}.els2.course-item-popup.course-item-lp_quiz .quiz-content img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:14px}.els2.course-item-popup.course-item-lp_quiz .quiz-intro{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0!important;padding:0!important}.els2.course-item-popup.course-item-lp_quiz .quiz-intro-item{display:flex!important;min-width:0;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:15px!important;border:1px solid var(--els-color-border);border-radius:15px;background:var(--els-color-primary-soft);color:var(--els-color-text)}.els2.course-item-popup.course-item-lp_quiz .quiz-intro-item__title{color:var(--els-color-muted);font-weight:700}.els2.course-item-popup.course-item-lp_quiz .quiz-intro-item__content{color:var(--els-color-primary-dark);font-weight:900}.els2.course-item-popup.course-item-lp_quiz .quiz-buttons{display:flex;justify-content:center}.els2.course-item-popup.course-item-lp_quiz .quiz-buttons .lp-button{min-width:180px;min-height:52px;border:0!important;border-radius:14px!important;background:var(--els-color-primary)!important;color:#fff!important;font:900 1rem Alexandria,Tajawal,sans-serif!important;box-shadow:0 10px 24px rgba(85,38,143,.2)}.els2.course-item-popup.course-item-lp_quiz .quiz-buttons .lp-button:hover{background:var(--els-color-primary-dark)!important}.els2.course-item-popup.course-item-lp_quiz #popup-sidebar .course-item.current{border-inline-start:4px solid var(--els-color-primary);background:var(--els-color-primary-soft)}
.els2-curriculum-close { display: none; }
.els2-curriculum-toggle { display: none; }

@media (max-width: 1023px) {
  .els2-course-shell .course-info { grid-template-columns: minmax(0, 1fr); }
  .els2-course-shell .entry-title, .els2-course-shell .course-meta, .els2-course-shell .course-payment, .els2-course-shell .course-summary { grid-column: 1; grid-row: auto; }
  .els2-course-shell .entry-title, .els2-course-shell .course-meta, .els2-course-shell .course-payment, .els2-course-shell .course-summary { min-width: 0; width: auto; max-width: 100%; box-sizing: border-box; }
  .els2-course-shell .course-payment { position: static; }
  .els2-discovery-hero { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .els2-course-shell #lp-single-course { width: min(calc(100% - 32px), var(--els-container)); }
  .els2-course-shell .entry-title { padding: 26px 20px; border-radius: 22px 22px 0 0; }
  .els2-course-shell .course-meta { padding: 20px; border-radius: 0 0 22px 22px; }
  .els2-discovery-hero { padding: 26px 20px; border-radius: 24px; }
  .els2-discovery-search { flex-direction: column; }
  .els2-discovery-toolbar { align-items: flex-start; flex-direction: column; }
  .els2.course-item-popup #popup-header { left: 0 !important; right: 0 !important; width: 100% !important; height: 64px; }
  .els2.course-item-popup #popup-content { top: 64px; right: 0 !important; left: 0 !important; width: auto !important; margin: 0 !important; }
  .els2.course-item-popup #popup-sidebar { right: 0 !important; left: auto !important; width: min(88vw, 360px) !important; min-width: 0; transform: translateX(105%) !important; transition: transform var(--els-motion-drawer) var(--els-ease); z-index: 1002; }
  .els2.course-item-popup.lp-sidebar-toggle__open #popup-sidebar { transform: translateX(0) !important; }
  .els2.course-item-popup #sidebar-toggle[aria-hidden="true"] { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; opacity: 0 !important; pointer-events: none !important; }
  .els2-curriculum-toggle { width: 70px; height: 64px; display: inline-grid; place-items: center; padding: 0; border: 0; background: transparent; color: #fff; font: 800 1.45rem/1 Tajawal, sans-serif; cursor: pointer; }
  .els2-curriculum-toggle:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
  .els2-curriculum-close { position: sticky; top: 0; width: 100%; min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border: 0; border-bottom: 1px solid var(--els-color-border); background: var(--els-color-primary-dark); color: #fff; font: 800 1rem Tajawal, sans-serif; z-index: 2; }
  .els2-curriculum-close span[aria-hidden="true"] { font-size: 1.7rem; line-height: 1; }
  .els2.course-item-popup #popup-content .content-item-wrap { width: calc(100% - 24px); padding-block: 18px 80px; }
  .els2.course-item-popup .content-item-summary { padding: 18px; border-radius: 18px; }
  .els2.course-item-popup .course-item-nav { grid-template-columns: 1fr; }
  .els2.course-item-popup.course-item-lp_quiz .quiz-intro { grid-template-columns: 1fr; }
}

.els2-on-page,.els2-about-page,.els2-contact-page,.els2-teacher-page,.els2-taxonomy-page,.els2-learning-path-page{min-height:60vh;background:var(--els-color-background);color:var(--els-color-text)}
.els2-section-heading--center{max-width:780px;margin-inline:auto;text-align:center}

/* Elschoola On */
.els2-on-hero{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,126px);background:radial-gradient(circle at 8% 18%,rgba(245,154,35,.22),transparent 24%),radial-gradient(circle at 90% 80%,rgba(127,166,41,.2),transparent 28%),linear-gradient(145deg,#281047,#32145f 56%,#55268f);color:#fff}
.els2-on-hero::after{content:"";position:absolute;width:420px;aspect-ratio:1;inset:-250px auto auto -180px;border:70px solid rgba(255,255,255,.06);border-radius:50%}
.els2-on-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(44px,7vw,96px)}
.els2-on-hero .els2-eyebrow,.els2-on-final .els2-eyebrow{color:#fff;background:rgba(255,255,255,.12)}
.els2-on-hero h1{max-width:760px;margin:14px 0 20px;color:#fff;font-size:clamp(2.45rem,5.8vw,5.4rem);line-height:1.09}
.els2-on-hero__copy>p{max-width:690px;margin:0;color:rgba(255,255,255,.88);font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.9}
.els2-on-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.els2-on-hero .els2-button--ghost{border-color:rgba(255,255,255,.48);background:transparent;color:#fff}
.els2-on-journey{position:relative;overflow:hidden;padding:32px;border:1px solid rgba(255,255,255,.18);border-radius:36px;background:rgba(255,255,255,.09);box-shadow:0 30px 90px rgba(12,4,24,.32);backdrop-filter:blur(14px)}
.els2-on-journey__brand{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.16)}.els2-on-journey__brand span{font:700 1.1rem Alexandria,sans-serif}.els2-on-journey__brand strong{font:800 clamp(3rem,7vw,5.7rem) Alexandria,sans-serif;color:#d9ef9c;line-height:.9}
.els2-on-journey ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.els2-on-journey li{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}.els2-on-journey li:last-child{border:0}.els2-on-journey li span{display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#f7c47f;font-weight:800}.els2-on-journey li strong{font:700 1.1rem Alexandria,sans-serif}
.els2-on-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.els2-on-compare__card{position:relative;overflow:hidden;min-height:310px;padding:clamp(28px,4vw,44px);border:1px solid var(--els-color-border);border-radius:30px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm)}.els2-on-compare__card--free{border-top:5px solid var(--els-color-secondary)}.els2-on-compare__card--paid{border-top:5px solid var(--els-color-primary)}.els2-on-compare__number{position:absolute;inset:18px auto auto 24px;color:var(--els-color-border);font:800 3.5rem Alexandria,sans-serif}.els2-on-compare h3{max-width:78%;margin:30px 0 16px;color:var(--els-color-primary-dark);font-size:clamp(1.45rem,2.3vw,2rem)}.els2-on-compare p{max-width:570px;color:var(--els-color-muted);line-height:1.85}.els2-on-compare .els2-text-link{position:absolute;inset:auto 40px 34px auto}
.els2-on-portfolios{background:linear-gradient(180deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-on-portfolio-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px;margin-top:40px}.els2-on-portfolio{position:relative;padding:clamp(26px,4vw,46px);border:1px solid var(--els-color-border);border-radius:34px;background:var(--els-color-surface)}.els2-on-portfolio--abroad{box-shadow:0 24px 70px rgba(85,38,143,.12)}.els2-on-portfolio__top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:26px}.els2-on-portfolio__top span{padding:8px 14px;border-radius:999px;background:var(--els-color-primary-soft);color:var(--els-color-primary-dark);font-weight:800}.els2-on-portfolio__top strong{color:var(--els-color-secondary);font-size:.95rem}.els2-on-portfolio h3{margin:0 0 14px;color:var(--els-color-primary-dark);font-size:clamp(1.55rem,2.6vw,2.25rem)}.els2-on-portfolio p{color:var(--els-color-muted);line-height:1.85}.els2-on-portfolio ul{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.els2-on-portfolio li{display:flex;align-items:center;gap:10px;font-weight:700}.els2-on-portfolio li svg{width:22px;color:var(--els-color-secondary)}
.els2-on-pillar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:40px}.els2-on-pillar-grid article{padding:24px 20px;border:1px solid var(--els-color-border);border-radius:24px;background:var(--els-color-surface)}.els2-on-pillar-grid article>span{color:var(--els-color-accent);font:800 1.65rem Alexandria,sans-serif}.els2-on-pillar-grid h3{margin:24px 0 10px;color:var(--els-color-primary-dark);font-size:1.05rem}.els2-on-pillar-grid p{margin:0;color:var(--els-color-muted);font-size:.95rem;line-height:1.75}
.els2-on-supervision{background:var(--els-color-primary-dark);color:#fff}.els2-on-supervision__grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(40px,7vw,90px)}.els2-on-supervision h2{margin:14px 0 18px;color:#fff}.els2-on-supervision p{color:rgba(255,255,255,.82);line-height:1.85}.els2-on-supervision .els2-button{margin-top:16px;border-color:rgba(255,255,255,.5);color:#fff}.els2-on-supervision__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.els2-on-supervision__list li{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.07)}.els2-on-supervision__list strong,.els2-on-supervision__list span{display:block}.els2-on-supervision__list strong{margin-bottom:8px;color:#d9ef9c}.els2-on-supervision__list span{color:rgba(255,255,255,.78);line-height:1.7}
.els2-on-final{padding-block:clamp(48px,7vw,80px);background:var(--els-color-accent)}.els2-on-final__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.els2-on-final h2{margin:12px 0 8px;color:#281047}.els2-on-final p{max-width:700px;margin:0;color:#4f2f0a}.els2-on-final .els2-button{background:#32145f;color:#fff}

/* About */
.els2-about-hero,.els2-contact-hero,.els2-teacher-hero,.els2-taxonomy-hero{padding-block:clamp(64px,9vw,112px);background:radial-gradient(circle at 8% 20%,rgba(245,154,35,.2),transparent 25%),linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))}
.els2-about-hero__grid,.els2-contact-hero__grid,.els2-teacher-hero__grid,.els2-taxonomy-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:center;gap:clamp(38px,7vw,90px)}
.els2-about-hero h1,.els2-contact-hero h1,.els2-teacher-hero h1,.els2-taxonomy-hero h1{max-width:850px;margin:12px 0 18px;color:var(--els-color-primary-dark);font-size:clamp(2.35rem,5.8vw,5rem);line-height:1.09}.els2-about-hero p,.els2-contact-hero p,.els2-teacher-hero p,.els2-taxonomy-hero p{max-width:720px;color:var(--els-color-muted);font-size:clamp(1.04rem,2vw,1.23rem);line-height:1.9}
.els2-about-hero__statement{padding:30px;border:1px solid var(--els-color-border);border-radius:32px;background:var(--els-color-surface);box-shadow:var(--els-shadow-lg)}.els2-about-hero__statement span,.els2-about-hero__statement strong{display:block}.els2-about-hero__statement span{color:var(--els-color-muted)}.els2-about-hero__statement strong{margin:6px 0;color:var(--els-color-primary);font:800 clamp(3.8rem,8vw,6.4rem) Alexandria,sans-serif;line-height:1}.els2-about-hero__statement p{margin:0;font-size:1rem}
.els2-about-timeline{position:relative;display:grid;gap:0;margin:40px 0 0;padding:0;list-style:none}.els2-about-timeline::before{content:"";position:absolute;inset:0 88px 0 auto;width:2px;background:var(--els-color-border)}.els2-about-timeline li{position:relative;display:grid;grid-template-columns:110px 1fr;gap:28px;padding:0 0 36px}.els2-about-timeline time{z-index:1;display:grid;width:74px;height:42px;place-items:center;border-radius:999px;background:var(--els-color-primary);color:#fff;font:800 1rem Alexandria,sans-serif}.els2-about-timeline h3{margin:4px 0 8px;color:var(--els-color-primary-dark)}.els2-about-timeline p{margin:0;color:var(--els-color-muted);line-height:1.8}
.els2-about-architecture{background:var(--els-color-primary-dark)}.els2-about-architecture h2{color:#fff}.els2-about-architecture .els2-eyebrow{background:rgba(255,255,255,.1);color:#fff}.els2-about-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}.els2-about-brand-grid article{padding:clamp(28px,4vw,46px);border:1px solid rgba(255,255,255,.15);border-radius:30px;background:rgba(255,255,255,.08);color:#fff}.els2-about-brand-grid__label{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#d9ef9c;font-weight:800}.els2-about-brand-grid h3{margin:26px 0 12px;color:#fff;font-size:2rem}.els2-about-brand-grid p{color:rgba(255,255,255,.8);line-height:1.85}.els2-about-brand-grid .els2-text-link{color:#ffd49a}
.els2-about-role-grid,.els2-teacher-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.els2-about-role-grid article,.els2-teacher-value-grid article{padding:28px;border:1px solid var(--els-color-border);border-radius:26px;background:var(--els-color-surface)}.els2-about-role-grid svg{width:40px;color:var(--els-color-primary)}.els2-about-role-grid h3,.els2-teacher-value-grid h3{margin:24px 0 10px;color:var(--els-color-primary-dark)}.els2-about-role-grid p,.els2-teacher-value-grid p{margin:0;color:var(--els-color-muted);line-height:1.8}.els2-about-final{padding-block:50px;background:var(--els-color-secondary)}.els2-about-final__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.els2-about-final h2{margin:0 0 8px;color:#1f2f08}.els2-about-final p{margin:0;color:#26350f}.els2-about-final__inner>div:last-child{display:flex;gap:10px}.els2-about-final .els2-button{background:#32145f;color:#fff}.els2-about-final .els2-button--ghost{border-color:#26350f;background:transparent;color:#1f2f08}

/* Contact and teacher */
.els2-contact-hero__note{padding:28px;border-radius:30px;background:var(--els-color-primary);color:#fff;box-shadow:var(--els-shadow-lg)}.els2-contact-hero__note strong,.els2-contact-hero__note span{display:block}.els2-contact-hero__note strong{margin-bottom:8px;font:800 1.35rem Alexandria,sans-serif}.els2-contact-hero__note span{color:rgba(255,255,255,.86)}
.els2-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.els2-contact-grid article{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:28px;border:1px solid var(--els-color-border);border-radius:26px;background:var(--els-color-surface)}.els2-contact-grid__icon{display:grid;width:48px;aspect-ratio:1;place-items:center;border-radius:16px;background:var(--els-color-primary-soft);color:var(--els-color-primary)}.els2-contact-grid__icon svg{width:25px}.els2-contact-grid h3{margin:0 0 8px;color:var(--els-color-primary-dark)}.els2-contact-grid p,.els2-contact-grid span{color:var(--els-color-muted);line-height:1.7}.els2-contact-grid a{display:inline-block;margin-top:10px;color:var(--els-color-primary);font-weight:800;overflow-wrap:anywhere}.els2-contact-guide{padding-block:clamp(48px,7vw,82px);background:var(--els-color-primary-dark);color:#fff}.els2-contact-guide__inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.els2-contact-guide h2{margin-top:12px;color:#fff}.els2-contact-guide ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.els2-contact-guide li{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.07)}.els2-contact-guide strong,.els2-contact-guide span{display:block}.els2-contact-guide strong{color:#d9ef9c}.els2-contact-guide span{margin-top:6px;color:rgba(255,255,255,.78)}
.els2-teacher-hero__shape{position:relative;display:grid;min-height:300px;place-items:center;border:1px solid var(--els-color-border);border-radius:42% 58% 56% 44%/48% 43% 57% 52%;background:var(--els-color-surface);box-shadow:var(--els-shadow-lg)}.els2-teacher-hero__shape>svg{width:74px;color:var(--els-color-primary)}.els2-teacher-hero__shape span{position:absolute;padding:7px 13px;border-radius:999px;background:var(--els-color-primary);color:#fff;font-weight:800}.els2-teacher-hero__shape span:nth-of-type(1){inset:30px auto auto 35px}.els2-teacher-hero__shape span:nth-of-type(2){inset:auto 24px 42px auto;background:var(--els-color-secondary)}.els2-teacher-hero__shape span:nth-of-type(3){inset:50% 18px auto auto;background:var(--els-color-accent);color:#3d2506}.els2-teacher-value-grid article>span{color:var(--els-color-accent);font:800 1.8rem Alexandria,sans-serif}.els2-teacher-cta{padding-block:clamp(48px,7vw,82px);background:var(--els-color-primary-dark);color:#fff}.els2-teacher-cta__inner,.els2-teacher-registration__panel{display:flex;align-items:center;justify-content:space-between;gap:32px}.els2-teacher-cta h2{margin:12px 0;color:#fff}.els2-teacher-cta p{max-width:700px;color:rgba(255,255,255,.8)}.els2-teacher-registration__panel{padding:clamp(26px,5vw,54px);border:1px solid var(--els-color-border);border-radius:30px;background:var(--els-color-surface)}.els2-teacher-registration h2{margin:12px 0;color:var(--els-color-primary-dark)}.els2-teacher-registration p{max-width:760px;color:var(--els-color-muted);line-height:1.85}

/* Course taxonomy discovery */
.els2-taxonomy-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:var(--els-color-muted)}.els2-taxonomy-breadcrumb a{color:var(--els-color-primary);font-weight:700}.els2-taxonomy-hero__grid{grid-template-columns:minmax(0,1fr) minmax(340px,.58fr)}.els2-taxonomy-hero__map{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px;padding:24px;border:1px solid var(--els-color-border);border-radius:24px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm)}.els2-taxonomy-hero__map span,.els2-taxonomy-hero__map strong{padding:8px 10px;border-radius:999px;background:var(--els-color-primary-soft);color:var(--els-color-primary-dark);font-size:.85rem;white-space:nowrap}.els2-taxonomy-hero__map strong{background:var(--els-color-primary);color:#fff}.els2-taxonomy-hero__map i{height:2px;background:var(--els-color-border)}
.els2-taxonomy-children{background:linear-gradient(180deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-taxonomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:38px}.els2-taxonomy-card{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:16px;padding:24px;border:1px solid var(--els-color-border);border-radius:24px;background:var(--els-color-surface);color:var(--els-color-text);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast),border-color var(--els-motion-fast)}.els2-taxonomy-card:hover{transform:translateY(-3px);border-color:var(--els-color-primary);box-shadow:var(--els-shadow-md)}.els2-taxonomy-card__icon{display:grid;width:50px;aspect-ratio:1;place-items:center;border-radius:16px;background:var(--els-color-primary-soft);color:var(--els-color-primary)}.els2-taxonomy-card__icon svg,.els2-taxonomy-card>svg{width:24px}.els2-taxonomy-card>svg{color:var(--els-color-primary)}.els2-taxonomy-card h3{margin:0 0 7px;color:var(--els-color-primary-dark)}.els2-taxonomy-card p{margin:0;color:var(--els-color-muted);line-height:1.65}.els2-taxonomy-card__count{display:block;margin-top:9px;color:var(--els-color-secondary);font-size:.87rem;font-weight:800}.els2-taxonomy-courses .els2-course-grid{margin-top:38px}.els2-empty-state{padding:clamp(36px,6vw,68px);border:1px dashed var(--els-color-border);border-radius:28px;background:var(--els-color-surface);text-align:center}.els2-empty-state>svg{width:48px;color:var(--els-color-primary)}.els2-empty-state h3{margin:18px 0 8px;color:var(--els-color-primary-dark)}.els2-empty-state p{color:var(--els-color-muted)}.els2-empty-state .els2-button{margin-top:12px}

/* Existing stage, grade and term pages recomposed as a learning path. */
.els2-path-hero{padding-block:clamp(56px,8vw,98px);background:radial-gradient(circle at 10% 20%,rgba(127,166,41,.18),transparent 24%),linear-gradient(145deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-path-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);align-items:center;gap:clamp(38px,7vw,90px)}.els2-path-hero h1{max-width:820px;margin:12px 0 18px;color:var(--els-color-primary-dark);font-size:clamp(2.35rem,5.5vw,4.8rem);line-height:1.1}.els2-path-hero p{max-width:700px;color:var(--els-color-muted);font-size:1.1rem;line-height:1.85}.els2-path-hero__route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:20px;border:1px solid var(--els-color-border);border-radius:26px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}.els2-path-hero__route span,.els2-path-hero__route strong{display:grid;min-height:78px;place-items:center;border-radius:18px;background:var(--els-color-primary-soft);color:var(--els-color-primary-dark);font-weight:800}.els2-path-hero__route strong{background:var(--els-color-primary);color:#fff}
.els2-path-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px}.els2-path-option-grid a{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:13px;min-height:92px;padding:20px;border:1px solid var(--els-color-border);border-radius:22px;background:var(--els-color-surface);color:var(--els-color-text);transition:transform var(--els-motion-fast),border-color var(--els-motion-fast),box-shadow var(--els-motion-fast)}.els2-path-option-grid a:hover{transform:translateY(-3px);border-color:var(--els-color-primary);box-shadow:var(--els-shadow-md)}.els2-path-option-grid a>span{display:grid;width:40px;aspect-ratio:1;place-items:center;border-radius:14px;background:var(--els-color-primary-soft);color:var(--els-color-primary);font-weight:800}.els2-path-option-grid a>strong{color:var(--els-color-primary-dark)}.els2-path-option-grid a>svg{width:22px;color:var(--els-color-primary)}
.els2-path-search{padding-block:clamp(46px,7vw,78px);background:var(--els-color-primary-dark);color:#fff}.els2-path-search__inner{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:44px}.els2-path-search h2{margin:12px 0 8px;color:#fff}.els2-path-search p{margin:0;color:rgba(255,255,255,.78)}.els2-path-search form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px;border-radius:20px;background:#fff}.els2-path-search input[type=search]{min-width:0;min-height:52px;padding:10px 14px;border:0;background:transparent;color:#211b2b;outline:0}.els2-path-search input[type=search]:focus{box-shadow:inset 0 0 0 3px rgba(85,38,143,.28);border-radius:14px}

@media(max-width:1023px){.els2-on-pillar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.els2-contact-grid{grid-template-columns:1fr}.els2-taxonomy-hero__grid{grid-template-columns:1fr}.els2-taxonomy-hero__map{max-width:620px}.els2-path-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.els2-on-hero__grid,.els2-about-hero__grid,.els2-contact-hero__grid,.els2-teacher-hero__grid,.els2-on-supervision__grid,.els2-contact-guide__inner,.els2-path-hero__grid,.els2-path-search__inner{grid-template-columns:1fr}.els2-on-hero__actions,.els2-on-final__inner,.els2-about-final__inner,.els2-about-final__inner>div:last-child,.els2-teacher-cta__inner,.els2-teacher-registration__panel{display:grid}.els2-on-hero__actions .els2-button,.els2-on-final .els2-button,.els2-about-final .els2-button,.els2-teacher-cta .els2-button,.els2-teacher-registration .els2-button{width:100%}.els2-on-compare,.els2-on-portfolio-grid,.els2-about-brand-grid,.els2-about-role-grid,.els2-teacher-value-grid,.els2-taxonomy-grid,.els2-path-option-grid{grid-template-columns:1fr}.els2-on-compare__card{min-height:330px}.els2-on-pillar-grid,.els2-on-supervision__list,.els2-contact-guide ul{grid-template-columns:repeat(2,minmax(0,1fr))}.els2-about-timeline::before{right:53px}.els2-about-timeline li{grid-template-columns:78px 1fr;gap:18px}.els2-about-timeline time{width:62px}.els2-taxonomy-hero__map{overflow-x:auto;grid-template-columns:auto 32px auto 32px auto 32px auto;padding:18px}.els2-on-journey{padding:24px}.els2-path-search form{grid-template-columns:1fr}.els2-path-search form .els2-button{width:100%}}
@media(max-width:479px){.els2-on-pillar-grid,.els2-on-supervision__list,.els2-contact-guide ul{grid-template-columns:1fr}.els2-contact-grid article{grid-template-columns:1fr}.els2-on-compare__number{font-size:2.8rem}.els2-on-compare h3{max-width:100%}.els2-on-compare .els2-text-link{inset:auto 24px 26px auto}.els2-taxonomy-card{grid-template-columns:46px 1fr}.els2-taxonomy-card>svg{display:none}}

.els2-on-supervision .els2-button{background:transparent;color:#fff}
.els2-on-supervision .els2-button:hover{background:#fff;color:#32145f}

.els2-profile-page,.els2-teachers-page{min-height:65vh;background:var(--els-color-background);color:var(--els-color-text)}
.els2-profile-hero,.els2-teachers-hero{padding-block:clamp(58px,8vw,100px);background:radial-gradient(circle at 8% 20%,rgba(245,154,35,.18),transparent 28%),linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))}
.els2-profile-hero h1,.els2-teachers-hero h1{max-width:900px;margin:10px 0 16px;color:var(--els-color-primary-dark);font-size:clamp(2.45rem,5.2vw,4.8rem);line-height:1.1}
.els2-profile-hero p,.els2-teachers-hero p{max-width:760px;margin:0;color:var(--els-color-muted);font-size:clamp(1.02rem,1.8vw,1.2rem);line-height:1.85}
.els2-profile-route{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;color:var(--els-color-muted)}.els2-profile-route a{color:var(--els-color-primary);font-weight:800}
.els2-profile-workspace{padding-block:clamp(42px,7vw,86px)}
.els2-profile-content>.elementor,.els2-profile-content .elementor>.e-con{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:none!important;background-image:none!important;box-shadow:none!important}
.els2-profile-content .elementor>.e-con>*{display:none!important}
.els2-profile-content .elementor>.e-con>:has(.pp-user-profile),.els2-profile-content .elementor>.e-con>:has(.pp-edit-profile-form-wrap){display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;opacity:1!important;visibility:visible!important;transform:none!important}
.els2-profile-content .elementor-widget:has(.pp-user-profile),.els2-profile-content .elementor-widget:has(.pp-edit-profile-form-wrap),.els2-profile-content .elementor-widget:has(.pp-user-profile)>.elementor-widget-container,.els2-profile-content .elementor-widget:has(.pp-edit-profile-form-wrap)>.elementor-widget-container{display:block!important;width:100%!important}
.els2-profile-content .pp-form-wrapper.pp-user-profile{width:100%!important;max-width:none!important;margin:0!important;border:1px solid var(--els-color-border);border-radius:30px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md);overflow:hidden}
.els2-profile-content .ppress-dpf-header{padding:clamp(24px,5vw,48px);border:0!important;background:linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-surface))}
.els2-profile-content .ppress-dpf-profile-photo img{width:128px!important;height:128px!important;object-fit:cover;border:5px solid var(--els-color-surface);border-radius:30px;box-shadow:var(--els-shadow-sm)}
.els2-profile-content .ppress-dpf-name{color:var(--els-color-primary-dark)!important;font-family:Alexandria,Tajawal,sans-serif;font-size:clamp(1.55rem,3vw,2.3rem)!important;font-weight:900!important}
.els2-profile-content .ppress-dpf-edit-a{display:grid!important;width:46px!important;height:46px!important;place-items:center;border-radius:14px;background:var(--els-color-primary)!important;color:#fff!important}
.els2-profile-content .ppress-dpf-profile-nav{display:flex!important;flex-wrap:wrap;gap:8px;padding:12px clamp(18px,4vw,40px)!important;border-block:1px solid var(--els-color-border);background:var(--els-color-background)!important}
.els2-profile-content .ppress-dpf-profile-nav-item a{display:flex;min-height:46px;align-items:center;gap:8px;padding:9px 15px;border-radius:14px;background:var(--els-color-surface)!important;color:var(--els-color-text)!important;font-weight:800}
.els2-profile-content .ppress-dpf-active a{background:var(--els-color-primary)!important;color:#fff!important}
.els2-profile-content .ppress-dpf-profile-body{padding:clamp(24px,5vw,48px)!important;background:var(--els-color-surface)}
.els2-profile-content .ppress-dpf-profile-body-item{display:grid!important;grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);gap:20px;padding:16px 0!important;border-bottom:1px solid var(--els-color-border)}
.els2-profile-content .ppress-dpf-item-label{color:var(--els-color-muted)!important;font-weight:800}.els2-profile-content .ppress-dpf-item-value{overflow-wrap:anywhere;color:var(--els-color-text)!important}
.els2-profile-content .pp-form-container.pp-edit-profile-form-wrap{width:min(100%,900px)!important;max-width:none!important;margin:0 auto!important;padding:clamp(24px,5vw,48px)!important;border:1px solid var(--els-color-border)!important;border-radius:30px!important;background:var(--els-color-surface)!important;box-shadow:var(--els-shadow-md)!important}
.els2-profile-content .pp-edit-profile{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.els2-profile-content .pp-form-field-wrap{margin-bottom:18px!important}.els2-profile-content .pp-form-label{display:block;margin-bottom:7px;color:var(--els-color-text)!important;font-weight:800}
.els2-profile-content .pp-form-field{width:100%!important;min-height:52px!important;padding:11px 14px!important;border:1px solid var(--els-color-border)!important;border-radius:14px!important;background:var(--els-color-background)!important;color:var(--els-color-text)!important}
.els2-profile-content .pp-form-field:focus{border-color:var(--els-color-primary)!important;outline:0;box-shadow:0 0 0 4px rgba(85,38,143,.13)!important}
.els2-profile-content .ppform-submit-button{min-height:52px!important;padding:11px 24px!important;border:0!important;border-radius:14px!important;background:var(--els-color-primary)!important;color:#fff!important;font-weight:900!important}
.els2-teachers-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.34fr);align-items:center;gap:clamp(32px,7vw,86px)}
.els2-teachers-hero__signal{display:grid;min-height:230px;place-content:center;padding:28px;border:1px solid var(--els-color-border);border-radius:32px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md);text-align:center}.els2-teachers-hero__signal strong{color:var(--els-color-primary);font-size:clamp(3rem,7vw,5.5rem);line-height:1}.els2-teachers-hero__signal span{max-width:190px;margin-top:12px;color:var(--els-color-muted);font-weight:800;line-height:1.7}
.els2-teachers-directory{background:linear-gradient(180deg,var(--els-color-background),var(--els-color-primary-soft))}.els2-teacher-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}
.els2-teacher-directory-card{padding:24px;border:1px solid var(--els-color-border);border-radius:26px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm)}.els2-teacher-directory-card__head{display:flex;align-items:center;gap:15px}.els2-teacher-directory-card__head img{width:76px;height:76px;object-fit:cover;border-radius:22px}.els2-teacher-directory-card__head span{color:var(--els-color-secondary);font-size:.82rem;font-weight:900}.els2-teacher-directory-card h3{margin:5px 0 0;color:var(--els-color-primary-dark);font-size:1.18rem}.els2-teacher-directory-card>p{min-height:76px;margin:18px 0;color:var(--els-color-muted);line-height:1.7}.els2-teacher-directory-card__courses{display:grid;gap:8px}.els2-teacher-directory-card__courses a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:13px;background:var(--els-color-background);color:var(--els-color-text);font-size:.9rem;font-weight:800}.els2-teacher-directory-card__courses svg{width:18px;color:var(--els-color-primary)}
.els2-teachers-cta{padding-block:clamp(52px,8vw,90px);background:var(--els-color-primary-dark);color:#fff}.els2-teachers-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.els2-teachers-cta h2{max-width:760px;margin:8px 0 12px;color:#fff}.els2-teachers-cta p{max-width:680px;margin:0;color:#ded1e8}
@media(max-width:1023px){.els2-teacher-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.els2-teachers-hero__grid{grid-template-columns:1fr}.els2-teachers-hero__signal{min-height:180px}.els2-teacher-card-grid{grid-template-columns:1fr}.els2-teachers-cta__inner{display:grid}.els2-teachers-cta .els2-button{width:100%}.els2-profile-content .ppress-dpf-profile-body-item{grid-template-columns:1fr;gap:6px}.els2-profile-content .ppress-dpf-profile-photo img{width:96px!important;height:96px!important}}

/* ProfilePress, LearnPress and Woo account surfaces share one visual language. */
.els2 .learn-press-form-login, .els2 .learn-press-form-register, .els2 .profilepress-myaccount-content, .els2 .pp-form-container, .els2 .woocommerce-account .woocommerce {
  width: min(calc(100% - 32px), 920px);
  margin: var(--els-space-16) auto;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid var(--els-color-border);
  border-radius: 28px;
  background: var(--els-color-surface);
  box-shadow: var(--els-shadow-md);
}
.els2 .learn-press-form-login h3, .els2 .learn-press-form-register h3, .els2 .pp-form-container h1, .els2 .pp-form-container h2 { margin-bottom: var(--els-space-6); font-size: clamp(1.7rem, 4vw, 2.5rem); }
.els2 .learn-press-form-login label, .els2 .learn-press-form-register label, .els2 .pp-form-container label, .els2 .woocommerce form label { display: block; margin-bottom: 7px; color: var(--els-color-text); font-weight: 700; }
.els2 .learn-press-form-login input:not([type="checkbox"]), .els2 .learn-press-form-register input:not([type="checkbox"]), .els2 .pp-form-container input:not([type="checkbox"]), .els2 .woocommerce form input:not([type="checkbox"]), .els2 .woocommerce form select {
  width: 100%; min-height: 52px; padding: 10px 14px; border: 1px solid var(--els-color-border); border-radius: var(--els-radius-sm); background: var(--els-color-background); color: var(--els-color-text); outline: 0;
}
.els2 .learn-press-form-login input:focus, .els2 .learn-press-form-register input:focus, .els2 .pp-form-container input:focus, .els2 .woocommerce form input:focus, .els2 .woocommerce form select:focus { border-color: var(--els-color-primary); box-shadow: 0 0 0 4px rgba(85,38,143,.12); }
.els2 .learn-press-form-login button, .els2 .learn-press-form-register button, .els2 .pp-form-container input[type="submit"], .els2 .woocommerce form button { min-height: 50px; padding: 11px 22px; border: 0; border-radius: var(--els-radius-sm); background: var(--els-color-primary); color: #fff; font-weight: 800; }

.els2-auth-shell { min-height: 70vh; padding-block: clamp(42px, 7vw, 96px); background: radial-gradient(circle at 10% 10%, rgba(245,154,35,.13), transparent 30%), radial-gradient(circle at 90% 25%, rgba(85,38,143,.14), transparent 34%), var(--els-color-background); }
.els2-auth-layout { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 64px); align-items: center; }
.els2-auth-intro { padding: clamp(24px, 4vw, 48px); }
.els2-auth-brand { display: inline-flex; margin-bottom: 24px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.els2-auth-brand .els2-brand__image { width: 96px; border-radius: 0; }
.els2-auth-intro .els2-eyebrow { color: var(--els-color-primary); }
.els2-auth-intro h1 { margin: 10px 0 16px; font-size: clamp(2.4rem, 5vw, 4.8rem); }
.els2-auth-intro p { color: var(--els-color-text-muted); font-size: 1.08rem; }
.els2-auth-content { min-width: 0; padding: clamp(24px, 5vw, 52px); border: 1px solid var(--els-color-border); border-radius: 28px; background: var(--els-color-surface); box-shadow: var(--els-shadow-md); }
.els2-auth-content > .elementor { width: 100%; }
.els2-auth-content .elementor-section, .els2-auth-content .e-con { max-width: 100%; }
.els2-auth-content img { max-width: 100%; height: auto; }

@media (max-width: 767px) {
  .els2-auth-layout { grid-template-columns: 1fr; }
  .els2-auth-intro { padding: 8px 0; }
  .els2-auth-content { padding: 20px 16px; border-radius: 22px; }
}
.els2 .learn-press-profile { width: min(calc(100% - 64px), var(--els-container)); margin: var(--els-space-16) auto; }
.els2 .learn-press-profile .lp-user-profile-socials, .els2 .learn-press-profile .profile-tabs { border: 1px solid var(--els-color-border); border-radius: var(--els-radius-lg); background: var(--els-color-surface); }
.els2 .learn-press-profile .learn-press-tabs__nav { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; border-radius: var(--els-radius-md); background: var(--els-color-primary-soft); list-style: none; }
.els2 .learn-press-profile .learn-press-tabs__nav a { min-height: 44px; display: flex; align-items: center; padding: 8px 14px; border-radius: var(--els-radius-sm); font-weight: 800; }
.els2 .learn-press-profile .learn-press-tabs__nav .active a { background: var(--els-color-surface); color: var(--els-color-primary); }

/* ProfilePress account workspace: preserve plugin endpoints, rebuild presentation. */
.els2-account-shell { min-height: 72vh; background: var(--els-color-background); }
.els2-account-hero { padding-block: clamp(52px, 8vw, 92px); background: radial-gradient(circle at 8% 25%, rgba(245,154,35,.18), transparent 28%), linear-gradient(135deg, var(--els-color-primary-soft), var(--els-color-background)); }
.els2-account-hero h1 { max-width: 820px; margin: 10px 0 14px; color: var(--els-color-primary-dark); font-size: clamp(2.45rem, 5vw, 4.6rem); line-height: 1.12; }
.els2-account-hero p { max-width: 720px; margin: 0; color: var(--els-color-muted); font-size: clamp(1.02rem, 1.8vw, 1.18rem); line-height: 1.85; }
.els2-account-hero__route { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; color: var(--els-color-muted); }
.els2-account-hero__route a { color: var(--els-color-primary); font-weight: 800; }
.els2-account-workspace { padding-block: clamp(42px, 7vw, 84px); }
.els2-account-content { min-width: 0; }
.els2-account-content > .elementor,
.els2-account-content .elementor > .e-con,
.els2-account-content .elementor-section,
.els2-account-content .elementor-widget-container { width: 100%; max-width: 100%; }
.els2-account-content .elementor > .e-con { padding: 0; background: transparent; }
.els2-account-content .elementor-widget-heading:first-child .elementor-heading-title { margin: 0 0 24px; color: var(--els-color-primary-dark); font-size: clamp(1.4rem, 3vw, 2rem); }
.els2-account-content > .elementor,
.els2-account-content .elementor > .e-con { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; box-shadow: none !important; }
.els2-account-content .elementor > .e-con::before,
.els2-account-content .elementor > .e-con::after { display: none !important; content: none !important; }
.els2-account-content .elementor > .e-con > * { display: none !important; }
.els2-account-content .elementor > .e-con > :has(#profilepress-myaccount-wrapper) { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; background: transparent !important; }
.els2-account-content .elementor-widget:has(#profilepress-myaccount-wrapper),
.els2-account-content .elementor-widget:has(#profilepress-myaccount-wrapper) > .elementor-widget-container { display: block !important; width: 100% !important; }
.els2-account-content .profilepress-myaccount-row { display: grid !important; width: 100% !important; grid-template-columns: minmax(220px, .32fr) minmax(0, 1fr); align-items: start !important; gap: clamp(20px, 4vw, 42px); }
.els2-account-content .profilepress-myaccount-row > p:empty { display: none; }
.els2-account-content .profilepress-myaccount-col-sm-3 { float: none !important; flex: none !important; width: auto !important; max-width: none !important; min-width: 0; padding: 22px; border: 1px solid var(--els-color-border); border-radius: 26px; background: var(--els-color-surface); box-shadow: var(--els-shadow-sm); }
.els2-account-content .profilepress-myaccount-avatar-wrap { margin-bottom: 18px; text-align: center; }
.els2-account-content .profilepress-myaccount-avatar img { width: 104px; height: 104px; object-fit: cover; border: 4px solid var(--els-color-surface); border-radius: 24px; box-shadow: 0 0 0 2px var(--els-color-primary-soft); }
.els2-account-content .profilepress-myaccount-nav { display: grid !important; height: auto !important; min-height: 0 !important; gap: 8px; }
.els2-account-content .profilepress-myaccount-nav > br,
.els2-account-content .profilepress-myaccount-avatar br { display: none !important; }
.els2-account-content .ppmyac-dashboard-item { display: flex; min-height: 50px; align-items: center; gap: 11px; padding: 11px 13px; border: 1px solid transparent; border-radius: 15px; color: var(--els-color-text); font-weight: 800; transition: border-color var(--els-motion-fast), background var(--els-motion-fast), transform var(--els-motion-fast); }
.els2-account-content .ppmyac-dashboard-item:hover,
.els2-account-content .ppmyac-dashboard-item:focus-visible { transform: translateX(-2px); border-color: var(--els-color-border); background: var(--els-color-primary-soft); color: var(--els-color-primary-dark); }
.els2-account-content .ppmyac-icons { display: grid; width: 34px; aspect-ratio: 1; place-items: center; overflow: hidden; border-radius: 11px; background: var(--els-color-primary-soft); color: var(--els-color-primary); font-size: 0 !important; }
.els2-account-content .ppmyac-icons::before { content: '•'; font-size: 1.2rem; line-height: 1; }
.els2-account-content .list-subscriptions .ppmyac-icons::before { content: '01'; font-size: .72rem; }
.els2-account-content .list-orders .ppmyac-icons::before { content: '02'; font-size: .72rem; }
.els2-account-content .edit-profile .ppmyac-icons::before { content: '03'; font-size: .72rem; }
.els2-account-content .change-password .ppmyac-icons::before { content: '04'; font-size: .72rem; }
.els2-account-content .ppmyac-user-logout .ppmyac-icons::before { content: '×'; font-size: 1.15rem; }
.els2-account-content .ppmyac-user-logout { margin-top: 8px; color: #9b2c2c; }
.els2-account-content .profilepress-myaccount-content { float: none !important; display: block !important; flex: none !important; align-self: start !important; width: auto !important; max-width: none !important; height: auto !important; min-width: 0; margin: 0; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--els-color-border); border-radius: 28px; background: var(--els-color-surface); box-shadow: var(--els-shadow-md); color: var(--els-color-text); opacity: 1 !important; visibility: visible !important; }
.els2-account-content .profilepress-myaccount-content h2,
.els2-account-content .profilepress-myaccount-content h3 { margin: 0 0 22px; color: var(--els-color-primary-dark); font-size: clamp(1.5rem, 3vw, 2.1rem); }
.els2-account-content .profilepress-myaccount-content p { color: var(--els-color-muted); line-height: 1.8; }
.els2-account-content .profilepress-myaccount-content a { color: var(--els-color-primary); font-weight: 800; }
.els2-account-content .profilepress-myaccount-content form { display: grid; gap: 18px; }
.els2-account-content .profilepress-myaccount-content label { display: block; margin-bottom: 7px; color: var(--els-color-text); font-weight: 800; }
.els2-account-content .profilepress-myaccount-content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) { width: 100%; min-height: 52px; padding: 11px 14px; border: 1px solid var(--els-color-border); border-radius: 14px; background: var(--els-color-background); color: var(--els-color-text); }
.els2-account-content .profilepress-myaccount-content textarea { min-height: 132px; resize: vertical; }
.els2-account-content .profilepress-myaccount-content :is(input,select,textarea):focus { border-color: var(--els-color-primary); outline: 0; box-shadow: 0 0 0 4px rgba(85,38,143,.13); }
.els2-account-content .profilepress-myaccount-content input[type="submit"] { width: auto; min-width: 170px; border: 0; background: var(--els-color-primary); color: #fff; font-weight: 900; cursor: pointer; }

@media (max-width: 767px) {
  .els2-account-content .profilepress-myaccount-row { grid-template-columns: 1fr; }
  .els2-account-content .profilepress-myaccount-col-sm-3 { padding: 16px; }
  .els2-account-content .profilepress-myaccount-avatar-wrap { display: none; }
  .els2-account-content .profilepress-myaccount-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .els2-account-content .ppmyac-dashboard-item { min-width: 0; font-size: .9rem; }
  .els2-account-content .profilepress-myaccount-content { padding: 22px 17px; border-radius: 22px; }
}

@media (max-width: 479px) {
  .els2-account-content .profilepress-myaccount-nav { grid-template-columns: 1fr; }
}

.els2-store-page{min-height:65vh;background:var(--els-color-background);color:var(--els-color-text)}
.els2-store-hero{padding-block:clamp(64px,9vw,110px);background:radial-gradient(circle at 9% 20%,rgba(245,154,35,.2),transparent 27%),linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-store-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:center;gap:clamp(36px,7vw,90px)}.els2-store-hero h1{max-width:900px;margin:10px 0 18px;color:var(--els-color-primary-dark);font-size:clamp(2.5rem,5.5vw,5rem);line-height:1.08}.els2-store-hero p{max-width:740px;color:var(--els-color-muted);font-size:clamp(1.04rem,1.9vw,1.22rem);line-height:1.9}.els2-store-hero__note{display:grid;gap:10px;padding:28px;border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}.els2-store-hero__note svg{width:38px;color:var(--els-color-secondary)}.els2-store-hero__note strong{color:var(--els-color-primary-dark);font-size:1.15rem}.els2-store-hero__note span{color:var(--els-color-muted);line-height:1.75}
.els2-store-paths{background:linear-gradient(180deg,var(--els-color-background),var(--els-color-primary-soft))}.els2-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.els2-store-card{display:grid;grid-template-columns:70px 1fr;gap:20px;min-height:360px;padding:30px;border:1px solid var(--els-color-border);border-radius:30px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm);color:var(--els-color-text);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast)}.els2-store-card:hover{transform:translateY(-4px);box-shadow:var(--els-shadow-md)}.els2-store-card>span{color:rgba(85,38,143,.18);font-size:3rem;font-weight:900}.els2-store-card small{color:var(--els-color-secondary);font-weight:900}.els2-store-card h3{margin:8px 0 14px;color:var(--els-color-primary-dark);font-size:clamp(1.8rem,4vw,3rem)}.els2-store-card p{color:var(--els-color-muted);line-height:1.85}.els2-store-card strong{display:flex;align-items:center;gap:8px;margin-top:28px;color:var(--els-color-primary)}.els2-store-card strong svg{width:20px}.els2-store-card--on{border-top:5px solid var(--els-color-primary)}.els2-store-card--summer{border-top:5px solid var(--els-color-accent)}
.els2-store-help{padding-block:clamp(52px,8vw,90px);background:var(--els-color-primary-dark);color:#fff}.els2-store-help__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.els2-store-help h2{max-width:760px;margin:8px 0 12px;color:#fff}.els2-store-help p{max-width:700px;margin:0;color:#ded1e8}
body.els2.woocommerce :is(.site-content,.content-area,#main-content){background:var(--els-color-background)}
body.els2.woocommerce .page-title,body.els2.woocommerce .woocommerce-products-header__title{color:var(--els-color-primary-dark);font-size:clamp(2.2rem,5vw,4.5rem)}
body.els2.woocommerce .woocommerce-breadcrumb{color:var(--els-color-muted)}body.els2.woocommerce .woocommerce-breadcrumb a{color:var(--els-color-primary);font-weight:800}
body.els2.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;margin-top:34px!important}body.els2.woocommerce ul.products::before,body.els2.woocommerce ul.products::after{display:none!important}
body.els2.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:18px!important;border:1px solid var(--els-color-border);border-radius:24px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast)}body.els2.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:var(--els-shadow-md)}body.els2.woocommerce ul.products li.product img{border-radius:17px}body.els2.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--els-color-primary-dark);font-size:1.14rem!important;line-height:1.5}body.els2.woocommerce ul.products li.product .price{color:var(--els-color-secondary);font-weight:900}body.els2.woocommerce ul.products li.product .button{width:100%;min-height:48px;margin-top:14px!important;border-radius:13px;background:var(--els-color-primary);color:#fff;text-align:center}
body.els2.woocommerce ul.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;margin:34px 0 0!important;padding:0!important}body.els2.woocommerce ul.product-grid::before,body.els2.woocommerce ul.product-grid::after{display:none!important}body.els2.woocommerce ul.product-grid>li.product{float:none!important;width:auto!important;margin:0!important;list-style:none}body.els2.woocommerce ul.product-grid .content__product{display:flex;height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--els-color-border)!important;border-radius:24px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast)}body.els2.woocommerce ul.product-grid .content__product:hover{transform:translateY(-3px);box-shadow:var(--els-shadow-md)}body.els2.woocommerce ul.product-grid .product_thumb{aspect-ratio:1.2;overflow:hidden;background:var(--els-color-primary-soft)}body.els2.woocommerce ul.product-grid .product_thumb img{width:100%;height:100%;object-fit:cover}body.els2.woocommerce ul.product-grid .product__title{display:flex;flex:1;flex-direction:column;padding:20px}body.els2.woocommerce ul.product-grid .product__title>.title{color:var(--els-color-primary-dark)!important;font-family:Alexandria,Tajawal,sans-serif;font-size:1.16rem;font-weight:900;line-height:1.5}body.els2.woocommerce ul.product-grid .block-after-title{margin-top:8px}body.els2.woocommerce ul.product-grid .price{color:var(--els-color-secondary)!important;font-weight:900}body.els2.woocommerce ul.product-grid .description{display:-webkit-box;overflow:hidden;margin:12px 0;color:var(--els-color-muted);line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:5}body.els2.woocommerce ul.product-grid .button{width:100%;min-height:48px;margin-top:auto!important;border-radius:13px!important;background:var(--els-color-primary)!important;color:#fff!important;text-align:center;font-weight:900!important}
body.els2.single-product div.product{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(28px,6vw,74px);padding-block:clamp(42px,7vw,86px)}body.els2.single-product div.product>.woocommerce-product-gallery,body.els2.single-product div.product>.summary{float:none!important;width:auto!important;margin:0!important}body.els2.single-product .woocommerce-product-gallery{padding:18px;border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm)}body.els2.single-product .woocommerce-product-gallery img{border-radius:18px}body.els2.single-product .summary{padding:clamp(24px,4vw,42px);border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}body.els2.single-product .product_title{color:var(--els-color-primary-dark);font-size:clamp(2rem,4vw,3.5rem)!important;line-height:1.25}body.els2.single-product .summary .price{color:var(--els-color-secondary)!important;font-size:1.55rem!important;font-weight:900}body.els2.single-product .woocommerce-product-details__short-description{color:var(--els-color-muted);line-height:1.85}
body.els2.single-product .top_site_main{display:none!important}body.els2.tax-product_cat .top_site_main{background:linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))!important}body.els2.tax-product_cat .top_site_main h1{color:var(--els-color-primary-dark)!important}
body.els2.woocommerce :is(select,input:not([type=checkbox]):not([type=radio]),textarea){min-height:50px;padding:9px 13px;border:1px solid var(--els-color-border);border-radius:13px;background:var(--els-color-background);color:var(--els-color-text)}body.els2.woocommerce :is(select,input,textarea):focus{border-color:var(--els-color-primary);outline:0;box-shadow:0 0 0 4px rgba(85,38,143,.12)}body.els2.single-product .single_add_to_cart_button,body.els2.woocommerce .checkout-button,body.els2.woocommerce button.button,body.els2.woocommerce a.button{min-height:50px;padding:12px 22px!important;border-radius:13px!important;background:var(--els-color-primary)!important;color:#fff!important;font-weight:900!important}
body.els2.single-product .woocommerce-tabs,body.els2.single-product .related{grid-column:1/-1;margin-top:20px;padding:clamp(24px,4vw,42px);border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface)}body.els2.single-product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0!important}body.els2.single-product .woocommerce-tabs ul.tabs::before{display:none!important}body.els2.single-product .woocommerce-tabs ul.tabs li{margin:0!important;border:0!important;border-radius:12px!important;background:var(--els-color-primary-soft)!important}body.els2.single-product .woocommerce-tabs ul.tabs li.active{background:var(--els-color-primary)!important}body.els2.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
body.els2.woocommerce-cart .woocommerce,body.els2.woocommerce-checkout .woocommerce{width:min(calc(100% - 32px),var(--els-container));margin:clamp(38px,7vw,80px) auto;padding:clamp(22px,4vw,42px);border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}body.els2.woocommerce table.shop_table{overflow:hidden;border-color:var(--els-color-border);border-radius:18px}body.els2.woocommerce .woocommerce-info,body.els2.woocommerce .woocommerce-message{border-top-color:var(--els-color-primary);border-radius:14px;background:var(--els-color-primary-soft);color:var(--els-color-text)}
body.els2:is(.els2-commerce-cart,.els2-commerce-checkout) main{width:min(calc(100% - 32px),var(--els-container));min-height:48vh;margin:clamp(38px,7vw,80px) auto;padding:clamp(24px,5vw,48px);border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}body.els2:is(.els2-commerce-cart,.els2-commerce-checkout) h1{color:var(--els-color-primary-dark);font-size:clamp(2.2rem,5vw,4rem)}
body.els2.woocommerce ul.product-grid{width:100%!important;max-width:none!important}
body.els2.tax-product_cat #sidebar,body.els2:is(.els2-commerce-cart,.els2-commerce-checkout) :is(#sidebar,.widget-area){display:none!important}
body.els2.tax-product_cat #main,body.els2:is(.els2-commerce-cart,.els2-commerce-checkout) #main{float:none!important;width:100%!important}
@media(max-width:1023px){body.els2.woocommerce ul.products,body.els2.woocommerce ul.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.els2-store-hero__grid{grid-template-columns:1fr}}
@media(max-width:767px){.els2-store-grid,body.els2.single-product div.product{grid-template-columns:1fr}.els2-store-card{grid-template-columns:1fr;min-height:0}.els2-store-help__inner{display:grid}.els2-store-help .els2-button{width:100%}body.els2.woocommerce ul.products,body.els2.woocommerce ul.product-grid{grid-template-columns:1fr}body.els2.single-product .woocommerce-tabs,body.els2.single-product .related{grid-column:auto}}
body.els2.els2-lp-checkout #main-content{padding-block:clamp(42px,7vw,80px);background:var(--els-color-background)}body.els2.els2-lp-checkout #learn-press-checkout{width:min(calc(100% - 32px),var(--els-container));margin-inline:auto;padding:clamp(24px,5vw,48px);border:1px solid var(--els-color-border);border-radius:28px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}body.els2.els2-lp-checkout #learn-press-checkout .lp-checkout-form{display:grid;gap:22px}body.els2.els2-lp-checkout #learn-press-checkout :is(h1,h2,h3){color:var(--els-color-primary-dark)}

.els2-utility-hero{padding-block:clamp(56px,8vw,96px);background:radial-gradient(circle at 8% 20%,rgba(245,154,35,.2),transparent 28%),linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-utility-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:end;gap:clamp(30px,6vw,72px)}.els2-utility-hero h1{max-width:820px;margin:10px 0 16px;color:var(--els-color-primary-dark);font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.18}.els2-utility-hero h1 span{color:var(--els-color-primary)}.els2-utility-hero p{max-width:720px;color:var(--els-color-muted);font-size:1.1rem;line-height:1.85}
.els2-utility-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--els-color-border);border-radius:18px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md)}.els2-utility-search>svg{width:22px;margin-inline-start:8px;color:var(--els-color-primary)}.els2-utility-search input{min-width:0;min-height:50px;border:0!important;background:transparent!important;color:var(--els-color-text);box-shadow:none!important}.els2-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.els2-result-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--els-color-border);border-radius:24px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast)}.els2-result-card:hover{transform:translateY(-3px);box-shadow:var(--els-shadow-md)}.els2-result-card__media{display:grid;aspect-ratio:1.45;place-items:center;overflow:hidden;background:var(--els-color-primary-soft);color:var(--els-color-primary)}.els2-result-card__media img{width:100%;height:100%;object-fit:cover}.els2-result-card__media svg{width:50px}.els2-result-card__body{display:flex;flex:1;flex-direction:column;padding:22px}.els2-result-card h3{margin:8px 0 12px;font-size:1.25rem;line-height:1.55}.els2-result-card h3 a{color:var(--els-color-primary-dark)}.els2-result-card p{color:var(--els-color-muted);line-height:1.8}.els2-result-card .els2-text-link{margin-top:auto}
.els2-not-found__section{display:grid;min-height:68vh;align-items:center;padding-block:clamp(60px,9vw,120px);background:radial-gradient(circle at 14% 24%,rgba(245,154,35,.22),transparent 25%),linear-gradient(135deg,var(--els-color-background),var(--els-color-primary-soft))}.els2-not-found__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);align-items:center;gap:clamp(44px,8vw,100px)}.els2-not-found__code{display:block;color:rgba(85,38,143,.14);font:900 clamp(5rem,12vw,10rem)/.8 Alexandria,sans-serif;letter-spacing:-.06em}.els2-not-found h1{max-width:760px;margin:20px 0;color:var(--els-color-primary-dark);font-size:clamp(2.5rem,5.5vw,5rem);line-height:1.14}.els2-not-found__copy>p{max-width:680px;color:var(--els-color-muted);font-size:1.12rem;line-height:1.9}.els2-not-found .els2-utility-search{max-width:720px;margin-top:28px}.els2-not-found__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.els2-not-found__visual{position:relative;display:grid;aspect-ratio:1;place-items:center;border:1px solid rgba(85,38,143,.12);border-radius:42% 58% 54% 46%/48% 40% 60% 52%;background:linear-gradient(145deg,var(--els-color-primary),var(--els-color-primary-dark));box-shadow:0 32px 70px rgba(58,24,96,.24)}.els2-not-found__visual span{display:grid;width:42%;aspect-ratio:1;place-items:center;border-radius:32px;background:#fff;color:var(--els-color-primary)}.els2-not-found__visual svg{width:48%}.els2-not-found__visual i{position:absolute;width:18px;aspect-ratio:1;border-radius:50%;background:var(--els-color-accent)}.els2-not-found__visual i:nth-of-type(1){top:12%;left:18%}.els2-not-found__visual i:nth-of-type(2){right:12%;bottom:22%;width:12px;background:var(--els-color-secondary)}.els2-not-found__visual i:nth-of-type(3){right:22%;top:16%;width:8px;background:#fff}
@media(max-width:1023px){.els2-utility-hero__inner,.els2-not-found__grid{grid-template-columns:1fr}.els2-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.els2-not-found__visual{width:min(100%,440px);margin-inline:auto}}
@media(max-width:767px){.els2-utility-search{grid-template-columns:auto minmax(0,1fr)}.els2-utility-search .els2-button{grid-column:1/-1;width:100%}.els2-search-grid{grid-template-columns:1fr}.els2-not-found__actions{display:grid}.els2-not-found__actions .els2-button{width:100%}.els2-not-found__visual{border-radius:34px}}
.els2-utility-search .els2-button,.els2-not-found__actions .els2-button:not(.els2-button--ghost),.els2-order-state-card__actions .els2-button:not(.els2-button--ghost){color:#fff!important}
.els2-gateway-hero{padding-block:clamp(60px,9vw,105px);background:radial-gradient(circle at 12% 25%,rgba(54,179,126,.18),transparent 26%),linear-gradient(135deg,var(--els-color-primary-soft),var(--els-color-background))}.els2-gateway-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:40px}.els2-gateway-hero h1{max-width:850px;margin:12px 0 18px;color:var(--els-color-primary-dark);font-size:clamp(2.5rem,5.3vw,4.8rem);line-height:1.14}.els2-gateway-hero p{max-width:720px;color:var(--els-color-muted);font-size:1.12rem;line-height:1.9}.els2-gateway-hero__icon{display:grid;aspect-ratio:1;place-items:center;border-radius:42px;background:var(--els-color-primary);color:#fff;box-shadow:0 26px 55px rgba(85,38,143,.24)}.els2-gateway-hero__icon svg{width:54px}.els2-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.els2-gateway-card{display:grid;grid-template-columns:52px 1fr;gap:18px;min-height:290px;padding:26px;border:1px solid var(--els-color-border);border-radius:26px;background:var(--els-color-surface);box-shadow:var(--els-shadow-sm);color:var(--els-color-text);transition:transform var(--els-motion-fast),box-shadow var(--els-motion-fast)}.els2-gateway-card:hover{transform:translateY(-4px);box-shadow:var(--els-shadow-md)}.els2-gateway-card>span{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:var(--els-color-primary-soft);color:var(--els-color-primary)}.els2-gateway-card>span svg{width:24px}.els2-gateway-card small{color:var(--els-color-secondary);font-weight:900}.els2-gateway-card h2{margin:8px 0 12px;color:var(--els-color-primary-dark);font-size:1.55rem}.els2-gateway-card p{color:var(--els-color-muted);line-height:1.8}.els2-gateway-card strong{display:flex;align-items:center;gap:7px;margin-top:24px;color:var(--els-color-primary)}.els2-gateway-card strong svg{width:18px}
.els2-order-state-section{display:grid;min-height:66vh;align-items:center;padding-block:clamp(56px,8vw,100px);background:linear-gradient(135deg,var(--els-color-background),var(--els-color-primary-soft))}.els2-order-state-card{max-width:860px;margin-inline:auto;padding:clamp(28px,6vw,58px);border:1px solid var(--els-color-border);border-radius:32px;background:var(--els-color-surface);box-shadow:var(--els-shadow-md);text-align:center}.els2-order-state-card__icon{display:grid;width:76px;aspect-ratio:1;margin:0 auto 22px;place-items:center;border-radius:24px;background:var(--els-color-primary-soft);color:var(--els-color-primary)}.els2-order-state-card__icon svg{width:32px}.els2-order-state-page.is-failure .els2-order-state-card__icon{background:rgba(245,154,35,.16);color:#9a5100}.els2-order-state-card h1{margin:12px 0 18px;color:var(--els-color-primary-dark);font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.2}.els2-order-state-card p,.els2-order-state-card__content{color:var(--els-color-muted);font-size:1.08rem;line-height:1.9}.els2-order-state-card__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
@media(max-width:1023px){.els2-gateway-grid{grid-template-columns:1fr}.els2-gateway-hero__inner{grid-template-columns:1fr}.els2-gateway-hero__icon{width:140px}}
@media(max-width:767px){.els2-gateway-card{grid-template-columns:1fr;min-height:0}.els2-order-state-card__actions{display:grid}.els2-order-state-card__actions .els2-button{width:100%}}

body.els2.dark-mode, body.els2.darklup-dark-mode-enabled, body.els2.darklup-dark-mode, body.els2[data-dark-mode="true"] {
  --els-color-background: #17131d;
  --els-color-surface: #211b29;
  --els-color-text: #f7f2fb;
  --els-color-muted: #bbb2c3;
  --els-color-border: #3d3347;
  --els-color-primary-soft: #352545;
  --els-color-secondary-soft: #2b3720;
  --els-color-accent-soft: #412e18;
  color-scheme: dark;
}
body.els2.dark-mode .els2-header, body.els2.darklup-dark-mode-enabled .els2-header, body.els2.darklup-dark-mode .els2-header, body.els2[data-dark-mode="true"] .els2-header { background: rgba(33,27,41,.94); }
body.els2.dark-mode .els2-hero, body.els2.darklup-dark-mode-enabled .els2-hero, body.els2.darklup-dark-mode .els2-hero, body.els2[data-dark-mode="true"] .els2-hero { background: radial-gradient(circle at 10% 18%, rgba(245,154,35,.1), transparent 28%), linear-gradient(135deg, #17131d, #261b32); }
body.els2.dark-mode .els2-learning-board, body.els2.darklup-dark-mode-enabled .els2-learning-board, body.els2.darklup-dark-mode .els2-learning-board, body.els2[data-dark-mode="true"] .els2-learning-board { border-color: var(--els-color-border); background: rgba(33,27,41,.92); }
body.els2.dark-mode .els2-float-chip, body.els2.darklup-dark-mode-enabled .els2-float-chip, body.els2.darklup-dark-mode .els2-float-chip, body.els2[data-dark-mode="true"] .els2-float-chip { background: var(--els-color-surface); }
.darkluplite-dark-mode-enabled .els2-secondary-hero, body.els2.darklup-dark-mode-enabled .els2-secondary-hero { background: radial-gradient(circle at 12% 12%, rgba(245,154,35,.1), transparent 28%), linear-gradient(135deg, #261b32, #17131d); }
.darkluplite-dark-mode-enabled .els2-secondary-content, body.els2.darklup-dark-mode-enabled .els2-secondary-content { border-color: #3d3347; background: #211b29; color: #f7f2fb; }
.darkluplite-dark-mode-enabled .els2-secondary-content h2, .darkluplite-dark-mode-enabled .els2-secondary-content h3, body.els2.darklup-dark-mode-enabled .els2-secondary-content h2, body.els2.darklup-dark-mode-enabled .els2-secondary-content h3 { color: #f7f2fb; }

body.els2.dark-mode .els2-about-hero,
body.els2.dark-mode .els2-contact-hero,
body.els2.dark-mode .els2-teacher-hero,
body.els2.dark-mode .els2-taxonomy-hero,
body.els2.darklup-dark-mode-enabled .els2-about-hero,
body.els2.darklup-dark-mode-enabled .els2-contact-hero,
body.els2.darklup-dark-mode-enabled .els2-teacher-hero,
body.els2.darklup-dark-mode-enabled .els2-taxonomy-hero,
body.els2.darklup-dark-mode .els2-about-hero,
body.els2.darklup-dark-mode .els2-contact-hero,
body.els2.darklup-dark-mode .els2-teacher-hero,
body.els2.darklup-dark-mode .els2-taxonomy-hero,
body.els2[data-dark-mode="true"] .els2-about-hero,
body.els2[data-dark-mode="true"] .els2-contact-hero,
body.els2[data-dark-mode="true"] .els2-teacher-hero,
body.els2[data-dark-mode="true"] .els2-taxonomy-hero {
  background: radial-gradient(circle at 8% 20%, rgba(245,154,35,.1), transparent 25%), linear-gradient(135deg, #261b32, #17131d);
}
body.els2.dark-mode .els2-path-hero,
body.els2.darklup-dark-mode-enabled .els2-path-hero,
body.els2.darklup-dark-mode .els2-path-hero,
body.els2[data-dark-mode="true"] .els2-path-hero { background: radial-gradient(circle at 10% 20%, rgba(127,166,41,.1), transparent 24%), linear-gradient(145deg, #261b32, #17131d); }
body.els2.dark-mode :is(.els2-about-page,.els2-contact-page,.els2-teacher-page,.els2-taxonomy-page) :is(h1,h2,h3),
body.els2.darklup-dark-mode-enabled :is(.els2-about-page,.els2-contact-page,.els2-teacher-page,.els2-taxonomy-page) :is(h1,h2,h3),
body.els2.darklup-dark-mode :is(.els2-about-page,.els2-contact-page,.els2-teacher-page,.els2-taxonomy-page) :is(h1,h2,h3),
body.els2[data-dark-mode="true"] :is(.els2-about-page,.els2-contact-page,.els2-teacher-page,.els2-taxonomy-page) :is(h1,h2,h3) { color: #f7f2fb; }
body.els2.dark-mode .els2-learning-path-page :is(h1,h2,h3),
body.els2.darklup-dark-mode-enabled .els2-learning-path-page :is(h1,h2,h3),
body.els2.darklup-dark-mode .els2-learning-path-page :is(h1,h2,h3),
body.els2[data-dark-mode="true"] .els2-learning-path-page :is(h1,h2,h3) { color: #f7f2fb; }
body.els2.dark-mode :is(.els2-text-link,.els2-contact-grid a,.els2-taxonomy-breadcrumb a),
body.els2.darklup-dark-mode-enabled :is(.els2-text-link,.els2-contact-grid a,.els2-taxonomy-breadcrumb a),
body.els2.darklup-dark-mode :is(.els2-text-link,.els2-contact-grid a,.els2-taxonomy-breadcrumb a),
body.els2[data-dark-mode="true"] :is(.els2-text-link,.els2-contact-grid a,.els2-taxonomy-breadcrumb a) { color: #d6b8f0; }
body.els2.dark-mode .els2-about-architecture,
body.els2.darklup-dark-mode-enabled .els2-about-architecture,
body.els2.darklup-dark-mode .els2-about-architecture,
body.els2[data-dark-mode="true"] .els2-about-architecture { background: #100c15; }
body.els2.dark-mode .els2-taxonomy-card__count,
body.els2.darklup-dark-mode-enabled .els2-taxonomy-card__count,
body.els2.darklup-dark-mode .els2-taxonomy-card__count,
body.els2[data-dark-mode="true"] .els2-taxonomy-card__count { color: #b9d67a; }

body.els2.dark-mode .els2-account-hero,
body.els2.darklup-dark-mode-enabled .els2-account-hero,
body.els2.darklup-dark-mode .els2-account-hero,
body.els2[data-dark-mode="true"] .els2-account-hero { background: radial-gradient(circle at 8% 20%, rgba(245,154,35,.13), transparent 28%), linear-gradient(135deg,#27143e,#18111f); }
body.els2.dark-mode .els2-account-hero h1,
body.els2.darklup-dark-mode-enabled .els2-account-hero h1,
body.els2.darklup-dark-mode .els2-account-hero h1,
body.els2[data-dark-mode="true"] .els2-account-hero h1 { color: #f7f2fb; }
body.els2.dark-mode .els2-account-hero p,
body.els2.darklup-dark-mode-enabled .els2-account-hero p,
body.els2.darklup-dark-mode .els2-account-hero p,
body.els2[data-dark-mode="true"] .els2-account-hero p { color: #d8cfe0; }

body.els2.dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero),
body.els2.darklup-dark-mode-enabled :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero),
body.els2.darklup-dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero),
body.els2[data-dark-mode="true"] :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) { background: radial-gradient(circle at 8% 20%,rgba(245,154,35,.13),transparent 28%),linear-gradient(135deg,#27143e,#18111f); }
body.els2.dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) h1,
body.els2.darklup-dark-mode-enabled :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) h1,
body.els2.darklup-dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) h1,
body.els2[data-dark-mode="true"] :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) h1 { color:#f7f2fb; }
body.els2.dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) p,
body.els2.darklup-dark-mode-enabled :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) p,
body.els2.darklup-dark-mode :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) p,
body.els2[data-dark-mode="true"] :is(.els2-profile-hero,.els2-teachers-hero,.els2-store-hero) p { color:#d8cfe0; }
body.els2.dark-mode :is(.els2-teacher-directory-card,.els2-store-card,.els2-store-hero__note,.els2-profile-content .pp-user-profile,.els2-profile-content .pp-form-container),
body.els2.darklup-dark-mode-enabled :is(.els2-teacher-directory-card,.els2-store-card,.els2-store-hero__note,.els2-profile-content .pp-user-profile,.els2-profile-content .pp-form-container),
body.els2.darklup-dark-mode :is(.els2-teacher-directory-card,.els2-store-card,.els2-store-hero__note,.els2-profile-content .pp-user-profile,.els2-profile-content .pp-form-container),
body.els2[data-dark-mode="true"] :is(.els2-teacher-directory-card,.els2-store-card,.els2-store-hero__note,.els2-profile-content .pp-user-profile,.els2-profile-content .pp-form-container) { background:#21182a!important;border-color:#40334c!important;color:#f7f2fb; }

html.darkluplite-dark-mode-enabled body.els2 .els2-order-state-card__content,
html.darkluplite-dark-mode-enabled body.els2 .els2-order-state-card p { color:#ded4e6!important; }
html.darkluplite-dark-mode-enabled body.els2 .els2-gateway-card strong { color:#d6b8f0!important; }
html.darkluplite-dark-mode-enabled body.els2 .els2-order-state-card__icon { color:#d6b8f0; }

@media (max-width: 1180px) {
  .els2-header__actions > .els2-button--small { display: none; }
  .els2-nav__list > li > a { padding-inline: 9px; font-size: .93rem; }
  .els2-course-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
  .els2-container { width: min(calc(100% - 48px), var(--els-container)); }
  .els2-section { padding-block: var(--els-space-16); }
  .els2-menu-toggle { display: inline-flex; }
  .els2-account-link span { display: none; }
  .els2-nav { position: fixed; inset: calc(var(--els-header-height) + 38px) 0 auto 0; max-height: calc(100dvh - var(--els-header-height) - 38px); overflow: auto; visibility: hidden; opacity: 0; transform: translateY(-12px); border-top: 1px solid var(--els-color-border); background: var(--els-color-surface); box-shadow: var(--els-shadow-md); transition: opacity var(--els-motion-base), transform var(--els-motion-base), visibility var(--els-motion-base); }
  .els2-header[data-menu-open="true"] .els2-nav { visibility: visible; opacity: 1; transform: none; }
  .els2-nav__list { display: grid; justify-content: stretch; width: min(calc(100% - 48px), var(--els-container)); margin-inline: auto; padding-block: var(--els-space-4) var(--els-space-6); }
  .els2-nav__list > li > a { min-height: 50px; justify-content: space-between; padding-inline: 14px; }
  .els2-nav__list .sub-menu { position: static; display: grid; margin: 0 14px 10px; visibility: visible; opacity: 1; transform: none; border: 0; box-shadow: none; background: var(--els-color-background); }
  .els2-hero { min-height: 0; }
  .els2-hero__grid { grid-template-columns: 1fr; }
  .els2-hero__copy { max-width: 820px; }
  .els2-hero__visual { min-height: 500px; }
  .els2-path-grid { grid-template-columns: 1fr 1fr; }
  .els2-path-card--on { grid-column: 1 / -1; min-height: 300px; }
  .els2-course-grid { grid-template-columns: repeat(2, 1fr); }
  .els2-trust .els2-container { grid-template-columns: 1fr; }
  .els2-footer__main { grid-template-columns: 1.5fr repeat(2, 1fr); }
  .els2-footer__contact { grid-column: 1 / -1; }
  .els2.single-lp_course .course-summary { grid-template-columns: 1fr; }
  .els2.single-lp_course .course-summary-sidebar, .els2.single-lp_course .course-sidebar { position: static; }
}

@media (max-width: 768px) {
  .admin-bar .els2-header.is-sticky { top: 46px; }
  .els2-container { width: min(calc(100% - 32px), var(--els-container)); }
  .els2-section { padding-block: var(--els-space-12); }
  .els2-announcement .els2-container { justify-content: center; text-align: center; }
  .els2-announcement span { display: none; }
  .els2-header__bar { min-height: 72px; gap: 12px; }
  .els2-brand .custom-logo { max-width: 118px; max-height: 50px; }
  .els2-brand__image--header { width: 54px; }
  .els2-account-link { display: none; }
  .els2-nav { inset-block-start: 110px; max-height: calc(100dvh - 110px); }
  .admin-bar .els2-nav { inset-block-start: 156px; }
  .els2-section-heading--split { align-items: flex-start; flex-direction: column; }
  .els2-hero { padding-block: var(--els-space-12); }
  .els2-hero h1 { font-size: clamp(2.35rem, 12vw, 4.1rem); }
  .els2-proof-list { display: grid; gap: 10px; }
  .els2-hero__visual { min-height: 430px; }
  .els2-learning-board { transform: none; }
  .els2-float-chip--one { top: 30px; }
  .els2-float-chip--two { bottom: 18px; }
  .els2-path-grid { grid-template-columns: 1fr; }
  .els2-path-card--on { grid-column: auto; }
  .els2-path-card { min-height: 320px; }
  .els2-stage-picker { grid-template-columns: 1fr; }
  .els2-stage-picker__tabs { grid-template-columns: repeat(3, 1fr); }
  .els2-stage-picker__tabs button { min-height: 70px; flex-direction: column; justify-content: center; padding: 10px; text-align: center; font-size: .9rem; }
  .els2-stage-picker__panel { grid-template-columns: 1fr; }
  .els2-how__grid, .els2-on__grid { grid-template-columns: 1fr; }
  .els2-on__visual { min-height: 420px; order: 2; }
  .els2-stats { grid-template-columns: 1fr; }
  .els2-stats div { min-height: 125px; }
  .els2-final-cta__box { align-items: flex-start; flex-direction: column; }
  .els2-final-cta__box > div:last-child { justify-content: flex-start; }
  .els2-footer__main { grid-template-columns: 1fr 1fr; }
  .els2-footer__brand { grid-column: 1 / -1; }
  .els2-footer__bottom .els2-container { align-items: flex-start; flex-direction: column; justify-content: center; padding-block: 14px; }
  .els2 .learn-press-courses, .els2 ul.learn-press-courses { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .els2 #popup-course #popup-sidebar { position: fixed; z-index: 1200; inset: 0 0 0 auto; width: min(88vw, 360px); transform: translateX(105%); transition: transform 280ms var(--els-ease); }
  .els2 #popup-course.lp-sidebar-toggle__open #popup-sidebar, .els2 #popup-course.sidebar-open #popup-sidebar { transform: none; }
  .els2 #popup-course #popup-content { inset-inline: 0; }
  .els2 #popup-course .content-item-wrap { width: min(calc(100% - 32px), 920px); padding-top: var(--els-space-6); }
}

@media (max-width: 520px) {
  .els2-header__actions { margin-inline-start: auto; }
  .els2-hero__actions, .els2-final-cta__box > div:last-child { display: grid; width: 100%; }
  .els2-button--large { width: 100%; }
  .els2-hero__visual { min-height: 380px; }
  .els2-learning-board { padding: 16px; border-radius: 24px; }
  .els2-learning-board__head { grid-template-columns: auto 1fr; }
  .els2-learning-board__head .els2-badge { grid-column: 1 / -1; justify-self: start; }
  .els2-mini-course { grid-template-columns: auto 1fr; }
  .els2-mini-course button { display: none; }
  .els2-board-grid { grid-template-columns: 1fr; }
  .els2-float-chip { font-size: .8rem; }
  .els2-stage-picker { padding: 12px; }
  .els2-stage-picker__tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .els2-stage-picker__tabs button { min-width: 155px; scroll-snap-align: start; }
  .els2-course-grid { grid-template-columns: 1fr; }
  .els2-course-card__body { min-height: 220px; }
  .els2-steps li { grid-template-columns: auto 1fr; padding: 16px; }
  .els2-steps li > span { width: 50px; height: 50px; border-radius: 16px; }
  .els2-steps::before { inset-inline-start: 25px; }
  .els2-on__visual { min-height: 350px; }
  .els2-on__screen { width: 82%; min-height: 255px; padding: 22px; }
  .els2-footer__main { grid-template-columns: 1fr; }
  .els2-footer__brand, .els2-footer__contact { grid-column: auto; }
  .els2 .learn-press-courses, .els2 ul.learn-press-courses { grid-template-columns: 1fr; }
  .els2 .learn-press-courses[data-layout="list"] .course { grid-template-columns: 1fr; }
  .els2 .course-curriculum .course-item-nav { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
  .els2-container { width: min(calc(100% - 24px), var(--els-container)); }
  .els2-menu-toggle span { display: none; }
  .els2-header__bar { gap: 7px; }
  .els2-brand .custom-logo { max-width: 100px; }
  .els2-brand__image--header { width: 48px; }
  .els2-hero h1 { font-size: 2.25rem; }
  .els2-stage-picker__tabs button { min-width: 145px; }
}