:root,
html[data-theme="dark"] {
    color-scheme: dark;
    --ie-bg: #070a0d;
    --ie-surface: #0d1217;
    --ie-surface-raised: #121920;
    --ie-panel: #171f27;
    --ie-line: rgba(232, 243, 240, .14);
    --ie-line-strong: rgba(232, 243, 240, .28);
    --ie-text: #f4f7f5;
    --ie-muted: #9daaa7;
    --ie-accent: var(--theme-clr, var(--color-secondary-4, #25ab7c));
    --ie-accent-dark: color-mix(in srgb, var(--ie-accent) 18%, #070a0d);
    --ie-gold: var(--theme-clr, var(--color-secondary-4, #25ab7c));
    --ie-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

html[data-theme="light"] {
    color-scheme: light;
    --ie-bg: #f4f5f1;
    --ie-surface: #ffffff;
    --ie-surface-raised: #edf0eb;
    --ie-panel: #e4e9e4;
    --ie-line: rgba(8, 25, 22, .14);
    --ie-line-strong: rgba(8, 25, 22, .28);
    --ie-text: #0b1715;
    --ie-muted: #586762;
    --ie-accent: var(--theme-clr, var(--color-secondary-4, #25ab7c));
    --ie-accent-dark: color-mix(in srgb, var(--ie-accent) 16%, #ffffff);
    --ie-gold: var(--theme-clr, var(--color-secondary-4, #25ab7c));
    --ie-shadow: 0 24px 70px rgba(21, 38, 32, .12);
}

html { scroll-behavior: smooth; }
body { background: var(--ie-bg); color: var(--ie-text); transition: background-color .25s ease, color .25s ease; }
.ie-whatsapp-chat { align-items: center; background: #128c4a; border: 2px solid rgba(255,255,255,.8); border-radius: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 6px 24px rgba(0,0,0,.25); color: #fff; display: flex; height: 56px; justify-content: center; left: calc(24px + env(safe-area-inset-left, 0px)); position: fixed; width: 56px; z-index: 990; }
.ie-whatsapp-chat i { color: inherit; font-size: 30px; }
.ie-whatsapp-chat:hover { background: #0c703b; color: #fff; transform: translateY(-2px); }
.ie-whatsapp-chat:focus-visible { outline: 3px solid var(--ie-accent); outline-offset: 4px; }
@media (max-width: 600px) { .ie-whatsapp-chat { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); left: calc(16px + env(safe-area-inset-left, 0px)); height: 50px; width: 50px; } }
body:has(.cookiealert-popup.show) .ie-whatsapp-chat { bottom: calc(170px + env(safe-area-inset-bottom, 0px)); }
body h1, body h2, body h3, body h4, body h5, body h6 { color: var(--ie-text); }
.homepage-rich-inline,
.ie-home span.homepage-rich-inline {
    display: inline;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}
body p, body label, body .text-muted { color: var(--ie-muted); }
.homepage-rich-copy { color: var(--ie-muted); overflow-wrap: break-word; word-break: normal; }
.homepage-rich-copy .homepage-rich-block { color: inherit; font: inherit; margin: 0 0 .65em; }
.homepage-rich-copy .homepage-rich-block:last-child { margin-bottom: 0; }
.homepage-rich-paragraph, .ie-home .homepage-rich-paragraph { display: block; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; letter-spacing: normal; line-height: 1.2; margin: 0; text-transform: inherit; }
.homepage-rich-copy .homepage-rich-paragraph { margin: 0; }
.site-rich-content { color: var(--ie-text); overflow-wrap: break-word; word-break: normal; }
.site-rich-content p, .site-rich-content div { color: inherit; line-height: 1.2; margin: 0; }
.homepage-rich-copy .homepage-rich-list { list-style: disc outside; padding-left: 1.5em; margin: .65em 0; }
.homepage-rich-copy ol.homepage-rich-list { list-style-type: decimal; }
.homepage-rich-copy li.homepage-rich-block { margin: .2em 0; }
.homepage-rich-copy a { color: var(--ie-accent); text-decoration: underline; }
.homepage-rich-image { max-width: 100%; height: auto; vertical-align: middle; }
.homepage-rich-img-rounded { border-radius: .5em; }
.homepage-rich-img-circle { border-radius: 50%; }
.homepage-rich-img-thumbnail { border: 1px solid var(--ie-line-strong); padding: .25em; }
.homepage-rich-image[style*="float:left"] { margin-right: 1em; }
.homepage-rich-image[style*="float:right"] { margin-left: 1em; }
.homepage-rich-video { width: 100%; max-width: 100%; aspect-ratio: 16 / 9; border: 0; vertical-align: middle; }
.homepage-rich-rule { display: block; border: 0; border-top: 1px solid var(--ie-line-strong); margin: 1em 0; }
.homepage-rich-list { display: block; margin: .5em 0; padding-left: 1.5em; list-style: disc outside; }
.homepage-rich-ol { list-style-type: decimal; }
.homepage-rich-table { display: table; border-collapse: collapse; width: 100%; margin: .75em 0; font-size: 1rem; line-height: 1.5; letter-spacing: normal; }
.homepage-rich-thead, .homepage-rich-tbody, .homepage-rich-tfoot { display: table-row-group; }
.homepage-rich-tr { display: table-row; }
.homepage-rich-td, .homepage-rich-th { display: table-cell; border: 1px solid var(--ie-line-strong); padding: .5em; overflow-wrap: anywhere; }
.homepage-rich-th { font-weight: bold; }
.homepage-rich-copy { display: flow-root; }
.homepage-rich-copy pre { white-space: pre-wrap; }
.ie-home .homepage-rich-inline { overflow-wrap: break-word; word-break: normal; }
.ie-home .ie-hero-copy > .homepage-rich-copy { font-size: 19px; line-height: 1.7; margin: 35px 0 40px; max-width: 650px; }
.ie-home .ie-section-heading > .homepage-rich-copy,
.ie-home .ie-copy-column .ie-lead,
.ie-home .ie-final .homepage-rich-copy { font-size: 18px; line-height: 1.75; margin: 28px 0 0; max-width: 660px; }
.ie-home .ie-heading-row > .homepage-rich-copy { margin: 0; }
.ie-home .ie-story-quote > .homepage-rich-copy { color: #f4f7f5; font-size: clamp(22px, 2.3vw, 34px); letter-spacing: -.03em; line-height: 1.25; margin: 8px 0 16px; }
.ie-home .ie-dual-cta article > .homepage-rich-copy { font-size: 17px; line-height: 1.7; margin: 25px 0 0; max-width: 520px; }
.ie-home .ie-dual-cta article + article > .homepage-rich-copy { color: #07100e; }
.ie-home .ie-final .homepage-rich-copy { max-width: 600px; }
.section-title-v3 .homepage-rich-copy { font-weight: 500; font-size: 14px; line-height: 24px; }
.ie-home .ie-heading-row > .homepage-rich-copy { max-width: 360px; }
@media (max-width: 767px) {
    .ie-home .ie-hero-copy > .homepage-rich-copy { font-size: 16px; }
    .ie-home .ie-heading-row > .homepage-rich-copy { max-width: none; }
}

.ie-theme-control { align-items: center; display: flex; }
.ie-theme-toggle {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(244, 247, 245, .34);
    border-radius: 50%;
    color: #f4f7f5;
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: border-color .2s ease, color .2s ease, transform .2s ease;
    width: 36px;
}
.ie-theme-toggle:hover { border-color: var(--ie-accent); color: var(--ie-accent); transform: translateY(-2px); }

html[data-theme="dark"] .template-header,
html[data-theme="dark"] .header-navigation,
html[data-theme="dark"] .navbar-wrapper,
html[data-theme="dark"] .footer-area,
html[data-theme="dark"] .footer-widget-area,
html[data-theme="dark"] .copyright-area { background-color: var(--ie-bg) !important; color: var(--ie-text); }
html[data-theme="light"] .template-header,
html[data-theme="light"] .template-header .header-navigation,
html[data-theme="light"] .template-header .navbar-wrapper { background-color: var(--ie-surface) !important; color: var(--ie-text); }
html[data-theme="light"] .template-header .nav-menu a,
html[data-theme="light"] .template-header .navbar-nav a,
html[data-theme="light"] .template-header .header-extra a { color: var(--ie-text); }
html[data-theme="dark"] .template-header .nav-menu a,
html[data-theme="dark"] .template-header .navbar-nav a,
html[data-theme="dark"] .template-header .header-extra a,
html[data-theme="dark"] .footer-area a { color: var(--ie-text); }
html[data-theme="dark"] .template-header .nav-menu a:hover,
html[data-theme="dark"] .footer-area a:hover { color: var(--ie-accent); }

/* Compact shared footer; disabled widgets leave no empty grid columns. */
html[data-theme] .footer-area.ie-footer { background: var(--ie-surface) !important; border-top: 1px solid var(--ie-line); color: var(--ie-text); padding: 32px 0 0; }
.ie-footer .ie-footer-grid { align-items: start; display: flex; flex-wrap: wrap; gap: 24px 32px; }
.ie-footer-grid > div { min-width: 0; }
.ie-footer-brand { flex: 1 1 220px; }
.ie-footer-newsletter { flex: 1.4 1 280px; }
.ie-footer-links { flex: 1 1 140px; }
.ie-footer-apps { flex: 1 1 220px; }
.ie-footer-payment { flex: 0 0 100%; }
.ie-footer.footer-area-v2 .footer-widget .widget { margin: 0; }
.ie-footer .brand-logo { display: inline-block; margin: 0; }
.ie-footer .ie-footer-logo-light { display: none; }
html[data-theme="light"] .ie-footer .ie-footer-logo-light { display: block; }
html[data-theme="light"] .ie-footer .ie-footer-logo-dark { display: none; }
.ie-footer .ie-footer-brand p, .ie-footer .download-app-widget p { font-size: 13px; line-height: 1.6; margin: 10px 0 0; }
.ie-footer.footer-area-v2 .footer-widget .widget .widget-title { color: var(--ie-text); font-size: 14px; font-weight: 600; line-height: 1.5; margin: 0 0 12px; }
html[data-theme] .ie-footer .widget.nav-widget ul li a { color: var(--ie-muted); font-size: 13px; }
html[data-theme] .ie-footer a:hover { color: var(--ie-accent); }
.ie-footer.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription { background: var(--ie-bg); border: 1px solid var(--ie-line-strong); border-radius: 12px; flex-wrap: wrap; gap: 8px; margin: 0; padding: 6px; }
.ie-footer.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription input { color: var(--ie-text); flex: 1 1 120px; font-size: 13px; height: 38px; min-width: 0; padding: 0 10px; width: auto; }
.ie-footer.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription input::placeholder { color: var(--ie-muted); }
.ie-footer.footer-area-v2 .footer-widget .widget.newsletter-widget .footer-subscription button { background: var(--ie-accent); border-radius: 8px; color: #07100e; font-size: 12px; font-weight: 700; min-height: 38px; padding: 8px 16px; }
.ie-footer .footer-subscription .invalid-feedback, .ie-footer .footer-subscription .valid-feedback { flex-basis: 100%; order: 3; padding: 0 10px; }
.ie-footer .ie-footer-store-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ie-footer.footer-area-v2 .footer-widget .widget.download-app-widget img { height: auto; margin: 0; max-width: 120px; }
.ie-footer .payment-logos { margin: 0; text-align: center; }.ie-footer .payment-logos img { height: auto; max-height: 40px; max-width: 100%; }
.ie-footer .ie-footer-social { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; list-style: none; margin: 24px 0 20px; padding: 0; width: 100%; }
.ie-footer .ie-footer-social li { margin: 0; }
.ie-footer .ie-footer-social:not(:has(li)) { display: none; }
html[data-theme] .ie-footer .ie-footer-social a { align-items: center; background: var(--ie-surface-raised); border: 1px solid var(--ie-line); color: var(--ie-text); display: flex; font-size: 14px; height: 36px; justify-content: center; width: 36px; }
html[data-theme] .ie-footer .ie-footer-social a:hover { background: var(--ie-accent); border-color: var(--ie-accent); color: #07100e; transform: translateY(-2px); }
.ie-footer a:focus-visible, .ie-footer button:focus-visible, .ie-footer input:focus-visible { outline: 2px solid var(--ie-accent); outline-offset: 3px; }
.ie-footer .footer-bottom { border-top: 1px solid var(--ie-line); margin: 20px 0 0; padding: 12px 0; }
.ie-footer .copyright-text { color: var(--ie-muted); font-size: 12px; line-height: 1.6; margin: 0; text-align: center; }
html[data-theme] .footer-area.ie-footer .footer-widget .widget p,
html[data-theme] .footer-area.ie-footer .footer-widget .widget.nav-widget li > a,
html[data-theme] .footer-area.ie-footer .copyright-text { color: var(--ie-muted) !important; }
html[data-theme] .footer-area.ie-footer .footer-widget .widget.nav-widget li > a:hover,
html[data-theme] .footer-area.ie-footer .copyright-text a { color: var(--ie-accent) !important; }
html[data-theme] .footer-area.ie-footer .footer-bottom { background: transparent !important; border-color: var(--ie-line) !important; }
html[data-theme] .footer-area.ie-footer .footer-subscription input { background: transparent !important; color: var(--ie-text) !important; }
html[data-theme] .footer-area.ie-footer .footer-subscription button { border-color: var(--ie-accent); }
html[data-theme] .template-header .nav-menu a,
html[data-theme] .mobile-slide-panel .mobile-menu a,
html[data-theme] .template-header .mega-menu h6 { font-family: 'Playfair Display', Georgia, serif !important; }
html[data-theme] .template-header .nav-menu .sub-menu li > a,
html[data-theme] .mobile-slide-panel .mobile-menu .sub-menu li > a {
    border: 1px solid var(--ie-line-strong) !important; margin: 4px 0; border-radius: 4px;
}
html[data-theme] .template-header .nav-menu .sub-menu li > a:hover,
html[data-theme] .mobile-slide-panel .mobile-menu .sub-menu li > a:hover { border-color: var(--ie-accent) !important; }
@media (max-width: 600px) {
    .ie-footer .ie-footer-grid { gap: 20px; }
    .ie-footer-brand, .ie-footer-newsletter, .ie-footer-apps { flex-basis: 100%; }
    .ie-footer-links { flex-basis: calc(50% - 10px); }
    html[data-theme] .footer-area.ie-footer { padding-top: 24px; }
}
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .color-bg-white,
html[data-theme="dark"] .color-bg-off-white,
html[data-theme="dark"] .course-item,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .user-profile-dropdown,
html[data-theme="dark"] .shopping-cart-dropdown,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .card,
html[data-theme="dark"] .mega-menu,
html[data-theme="dark"] .panel-inner,
html[data-theme="dark"] .canvas-inner,
html[data-theme="dark"] .course-shorter,
html[data-theme="dark"] .course-sidebar,
html[data-theme="dark"] .cookiealert-popup { background-color: var(--ie-surface) !important; color: var(--ie-text); border-color: var(--ie-line) !important; }
html[data-theme="dark"] .course-shorter *,
html[data-theme="dark"] .course-sidebar *,
html[data-theme="dark"] .mega-menu a,
html[data-theme="dark"] .panel-inner a,
html[data-theme="dark"] .canvas-inner a { color: var(--ie-text) !important; }
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .nice-select,
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input { background-color: var(--ie-surface-raised); border-color: var(--ie-line); color: var(--ie-text); }
html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder { color: #7f8c89; }
html[data-theme="dark"] .table { --bs-table-bg: var(--ie-surface); --bs-table-color: var(--ie-text); --bs-table-border-color: var(--ie-line); }
html[data-theme="dark"] .breadcrumb-area,
html[data-theme="dark"] .course-details-area,
html[data-theme="dark"] .profile-dashboard,
html[data-theme="dark"] .checkout-area,
html[data-theme="dark"] .blog-area { background-color: var(--ie-bg); }

/* Keep the original dynamic course and blog modules visually consistent in dark mode. */
html[data-theme="dark"] .top-courses-section,
html[data-theme="dark"] .featured-news-section {
    background-color: var(--ie-bg) !important;
    color: var(--ie-text);
}
html[data-theme="dark"] .top-courses-section .common-heading h3,
html[data-theme="dark"] .featured-news-section .common-heading h3 {
    color: var(--ie-text);
}
html[data-theme="dark"] .top-courses-section .common-heading p,
html[data-theme="dark"] .featured-news-section .common-heading p {
    color: var(--ie-muted);
}
html[data-theme="dark"] .main-tabs .nav-pills {
    border-color: var(--ie-line);
}
html[data-theme="dark"] .main-tabs .nav-pills li .nav-link {
    background: var(--ie-surface);
    border-color: var(--ie-line);
    color: var(--ie-muted);
}
html[data-theme="dark"] .main-tabs .nav-pills li .nav-link.active {
    background: var(--ie-accent);
    border-color: var(--ie-accent);
    color: #07100e;
}
html[data-theme="dark"] .course-items-v3 .course-item {
    background: var(--ie-surface) !important;
    border-color: var(--ie-line) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}
html[data-theme="dark"] .course-items-v3 .course-item .course-item-body,
html[data-theme="dark"] .course-items-v3 .course-item .course-item-body-inner {
    background: var(--ie-surface);
}
html[data-theme="dark"] .course-items-v3 .course-item .title,
html[data-theme="dark"] .course-items-v3 .course-item p {
    border-color: var(--ie-line);
}
html[data-theme="dark"] .course-items-v3 .course-item .title a {
    color: var(--ie-text);
}
html[data-theme="dark"] .course-items-v3 .course-item .title a:hover,
html[data-theme="dark"] .course-items-v3 .course-item .course-price,
html[data-theme="dark"] .course-items-v3 .course-item .course-item-info li i {
    color: var(--ie-accent);
}
html[data-theme="dark"] .course-items-v3 .course-item .course-item-info li,
html[data-theme="dark"] .course-items-v3 .course-item .course-lesson,
html[data-theme="dark"] .course-items-v3 .course-item .course-price small {
    color: var(--ie-muted);
}
html[data-theme="dark"] .course-items-v3 .course-item .course-item-footer {
    background: var(--ie-surface-raised) !important;
    border-top: 1px solid var(--ie-line);
    color: var(--ie-text);
}
html[data-theme="dark"] .course-items-v3 .course-item .course-category li a,
html[data-theme="dark"] .course-items-v3 .course-item .template-btn {
    background: var(--ie-accent);
    border-color: var(--ie-accent);
    color: #07100e;
}
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item {
    background: var(--ie-surface) !important;
    border: 1px solid var(--ie-line);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
}
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .title a {
    color: var(--ie-text);
}
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .title a:hover,
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .read-more-btn,
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .post-meta li a i {
    color: var(--ie-accent);
}
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .content,
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-content .post-meta li a {
    color: var(--ie-muted);
}
html[data-theme="dark"] .blog-post-items-v3 .blog-post-item .post-thumbnail .post-meta li.date a {
    background: var(--ie-accent);
    color: #07100e;
}

.ie-home {
    background: var(--ie-bg);
    color: var(--ie-text);
    font-family: var(--body-font, sans-serif);
    overflow: clip;
    padding-top: 96px;
    position: relative;
}
.ie-home *, .ie-home *::before, .ie-home *::after { box-sizing: border-box; }
/* Shared header palettes include sticky, desktop dropdowns and mobile menus. */
html[data-theme] .template-header .header-topbar,
html[data-theme] .template-header .header-inner,
html[data-theme] .template-header .header-navigation,
html[data-theme] .template-header .nav-menu .sub-menu,
html[data-theme] .template-header .nav-menu .mega-menu,
html[data-theme] .mobile-slide-panel .panel-inner,
html[data-theme] .template-header .user-profile-dropdown-content,
html[data-theme] .template-header .shopping-cart-dropdown {
    background: var(--ie-surface) !important;
    color: var(--ie-text);
    border-color: var(--ie-line);
}
html[data-theme] .template-header .nav-menu li a,
html[data-theme] .template-header .nav-menu .sub-menu li a,
html[data-theme] .template-header .header-extra a,
html[data-theme] .mobile-slide-panel .mobile-menu li a {
    color: var(--ie-text) !important;
}
html[data-theme] .template-header .nav-menu li a:hover,
html[data-theme] .template-header .nav-menu li.active > a,
html[data-theme] .mobile-slide-panel .mobile-menu li a:hover { color: var(--ie-accent) !important; }
html[data-theme] .ie-theme-toggle { color: var(--ie-text); border-color: var(--ie-line-strong); }
html[data-theme] .template-header .header-extra .searchbox svg path,
html[data-theme] .template-header .header-extra .search-bar svg path,
html[data-theme] .template-header .header-extra .shopping-mini-cart svg path { fill: var(--ie-text) !important; }
html[data-theme] .template-header .language-selection svg path { stroke: var(--ie-text) !important; }
html[data-theme] .template-header .quick-search-result {
    background: var(--ie-surface); border-color: var(--ie-line); color: var(--ie-text);
}
html[data-theme] .template-header .nav-menu .sub-menu li { border-color: var(--ie-line); }
html[data-theme="dark"] .blog-sidebar,
html[data-theme="dark"] .blog-sidebar .widget { background: var(--ie-surface); border-color: var(--ie-line); }
html[data-theme="dark"] .blog-sidebar .widget-title,
html[data-theme="dark"] .blog-sidebar .widget-title-v2,
html[data-theme="dark"] .blog-sidebar .widget-list-group li,
html[data-theme="dark"] .blog-sidebar .widget-list-group li a,
html[data-theme="dark"] .blog-sidebar label,
html[data-theme="dark"] .blog-sidebar label span { color: var(--ie-text); border-color: var(--ie-line); }
html[data-theme="dark"] .blog-sidebar .widget.widget-checklist input[type="checkbox"] + span::after,
html[data-theme="dark"] .course-sidebar .widget.widget-checklist input[type="checkbox"] + span::after {
    background: var(--ie-surface-raised); border-color: var(--ie-line-strong);
}
html[data-theme] .blog-sidebar .widget.widget-checklist input[type="checkbox"]:checked + span::after,
html[data-theme] .course-sidebar .widget.widget-checklist input[type="checkbox"]:checked + span::after {
    background: var(--ie-accent); border-color: var(--ie-accent);
}
.ie-success-grid article { transition: background-color .25s, border-color .25s, box-shadow .25s; }
.ie-success-grid article:hover {
    background: color-mix(in srgb, var(--ie-accent) 16%, var(--ie-surface-raised));
    border-color: color-mix(in srgb, var(--ie-accent) 55%, var(--ie-line));
    box-shadow: 0 12px 32px color-mix(in srgb, var(--ie-accent) 12%, transparent);
}
.ie-home h1,
.ie-home h2,
.ie-home h3,
.ie-home h4,
.ie-home h5,
.ie-home h6,
.ie-home .ie-stat-card strong,
.ie-home .ie-portrait-badge strong,
.ie-home .ie-dual-cta h2 {
    font-family: var(--header-font, var(--body-font, sans-serif));
}
.ie-home button,
.ie-home input,
.ie-home select,
.ie-home textarea {
    font-family: var(--body-font, sans-serif);
}
.ie-shell { margin: 0 auto; max-width: 1280px; padding-left: 32px; padding-right: 32px; width: 100%; }
.ie-section { border-bottom: 1px solid var(--ie-line); padding: 112px 0; position: relative; }
.ie-kicker { color: var(--ie-accent); display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .17em; margin-bottom: 22px; text-transform: uppercase; }
.ie-section-heading { max-width: 750px; }
.ie-section-heading h2, .ie-copy-column h2, .ie-final h2 { font-size: clamp(40px, 6vw, 78px); font-weight: 650; letter-spacing: -.055em; line-height: .98; margin: 0; }
.ie-section-heading > p, .ie-copy-column .ie-lead, .ie-final p { font-size: 18px; line-height: 1.75; margin: 28px 0 0; max-width: 660px; }
.ie-heading-row { align-items: end; display: flex; justify-content: space-between; max-width: none; }
.ie-heading-row > p, .ie-microcopy { color: var(--ie-muted); max-width: 360px; }

.ie-section-nav { background: color-mix(in srgb, var(--ie-bg) 88%, transparent); border-bottom: 1px solid var(--ie-line); backdrop-filter: blur(18px); padding: 20px 0; position: relative; z-index: 30; }
.ie-section-nav .ie-shell { align-items: center; display: flex; gap: 30px; justify-content: space-between; }
.ie-wordmark { align-items: center; color: var(--ie-text); display: flex; font-size: 14px; font-weight: 800; gap: 11px; white-space: nowrap; }
.ie-wordmark:hover { color: var(--ie-text); }
.ie-wordmark span { align-items: center; aspect-ratio: 1; background: var(--ie-accent); border-radius: 50%; color: #07100e; display: inline-flex; justify-content: center; width: 36px; }
.ie-section-links { display: flex; gap: 28px; }
.ie-section-links a { color: var(--ie-muted); font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.ie-section-links a:hover { color: var(--ie-accent); }

.ie-hero { align-items: center; display: flex; min-height: 790px; padding-bottom: 52px; padding-top: 110px; }
.ie-book { background: var(--ie-surface); }
.ie-book-grid { align-items: center; display: grid; gap: 64px; grid-template-columns: 1.15fr .85fr; }
.ie-book-copy h2 { font-size: clamp(38px, 5vw, 72px); letter-spacing: -.04em; line-height: 1.1; margin: 0; }
.ie-book-copy > .homepage-rich-copy { font-size: 18px; line-height: 1.7; margin: 28px 0 32px; }
.ie-book-note { color: var(--ie-muted); font-size: 13px; }
.ie-book-cover { margin: auto; max-width: 330px; width: 100%; }
.ie-book-cover img { box-shadow: var(--ie-shadow); height: auto; width: 100%; }
.ie-book-placeholder { aspect-ratio: 3/4; background: var(--ie-surface-raised); border: 1px solid var(--ie-line-strong); border-left: 12px solid var(--ie-accent); border-radius: 4px 18px 18px 4px; box-shadow: var(--ie-shadow); color: var(--ie-text); display: flex; flex-direction: column; justify-content: center; gap: 24px; padding: 34px; }
.ie-book-placeholder i { color: var(--ie-accent); font-size: 48px; }.ie-book-placeholder span { color: var(--ie-accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; }.ie-book-placeholder strong { font-size: 32px; line-height: 1.2; }.ie-book-placeholder small { color: var(--ie-muted); }
@media (max-width: 820px) { .ie-book-grid { gap: 36px; grid-template-columns: 1fr; }.ie-book-cover { max-width: 260px; } }
.ie-hero-grid { align-items: center; display: grid; gap: 70px; grid-template-columns: 1.15fr .85fr; position: relative; z-index: 2; }
.ie-hero-copy h1 { font-size: clamp(58px, 7.8vw, 112px); font-weight: 650; letter-spacing: -.075em; line-height: .86; margin: 0; max-width: 820px; }
.ie-hero-copy > p { font-size: 19px; line-height: 1.7; margin: 35px 0 40px; max-width: 650px; }
.ie-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.ie-hero-benefits { display: grid; grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; }
.ie-hero-benefits li { align-items: center; color: var(--ie-text); display: flex; gap: 12px; font-size: 16px; line-height: 1.5; }
.ie-benefit-check { align-items: center; background: var(--ie-accent); border-radius: 50%; color: #171a14; display: inline-flex; flex: 0 0 28px; font-family: Arial, sans-serif; font-size: 20px; font-weight: 900; height: 28px; justify-content: center; }
.ie-hero-grid > .ie-hero-portrait { grid-column: 2; grid-row: 1; }
.ie-button { align-items: center; border: 1px solid var(--ie-line-strong); border-radius: 999px; color: var(--ie-text); display: inline-flex; font-size: 13px; font-weight: 800; gap: 18px; justify-content: center; letter-spacing: .04em; min-height: 54px; padding: 0 24px; text-transform: uppercase; }
.ie-button:hover { color: var(--ie-text); transform: translateY(-2px); }
.ie-button-primary { background: var(--ie-accent); border-color: var(--ie-accent); color: #07100e; }
.ie-button-primary:hover { color: #07100e; }
.ie-button-ghost { background: transparent; }
.ie-hero-portrait { aspect-ratio: 4/5; box-shadow: var(--ie-shadow); margin-left: auto; max-width: 470px; overflow: visible; position: relative; width: 100%; }
.ie-hero-portrait::before { border: 1px solid var(--ie-line-strong); content: ''; inset: -18px 18px 18px -18px; position: absolute; z-index: -1; }
.ie-hero-portrait img { filter: saturate(.84) contrast(1.04); height: 100%; object-fit: cover; width: 100%; }
.ie-portrait-caption { background: var(--ie-bg); bottom: 0; display: flex; gap: 18px; left: 0; padding: 16px 20px; position: absolute; }
.ie-portrait-caption span { color: var(--ie-text); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.ie-portrait-badge { align-items: center; background: var(--ie-accent); border-radius: 50%; color: #07100e; display: flex; flex-direction: column; height: 116px; justify-content: center; position: absolute; right: -36px; text-align: center; top: 42px; width: 116px; }
.ie-portrait-badge strong { font-size: 25px; line-height: 1; }.ie-portrait-badge small { font-size: 9px; font-weight: 800; margin-top: 7px; text-transform: uppercase; }
.ie-orb { border-radius: 50%; filter: blur(1px); opacity: .16; pointer-events: none; position: absolute; }
.ie-orb-one { background: var(--ie-accent); height: 380px; right: -190px; top: -160px; width: 380px; }
.ie-orb-two { background: var(--ie-gold); bottom: -130px; height: 260px; left: -170px; width: 260px; }
.ie-tagline-row { align-items: center; bottom: 42px; display: flex; gap: 14px; position: absolute; }
.ie-tagline-row p { color: var(--ie-text); font-size: 12px; font-weight: 700; letter-spacing: .12em; margin: 0; text-transform: uppercase; }
.ie-dot { background: var(--ie-accent); border-radius: 50%; box-shadow: 0 0 0 6px color-mix(in srgb, var(--ie-accent) 15%, transparent); height: 7px; width: 7px; }

.ie-stats-grid { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 58px; }
.ie-stat-card { border-left: 1px solid var(--ie-line); min-height: 150px; padding: 15px 18px 10px; text-align: center; }
.ie-stat-card strong { color: var(--ie-accent); display: block; font-size: clamp(34px, 4.5vw, 62px); letter-spacing: -.06em; line-height: 1; }
.ie-stat-card span { color: var(--ie-muted); display: block; font-size: 12px; font-weight: 700; line-height: 1.4; margin-top: 20px; text-transform: uppercase; }
.ie-split { display: grid; gap: 54px; grid-template-columns: 90px 1fr 1fr; }
.ie-section-number { color: var(--ie-muted); font-size: 12px; font-weight: 800; }
.ie-designation { color: var(--ie-accent) !important; font-size: 13px; font-weight: 800; letter-spacing: .12em; margin: 25px 0 0; text-transform: uppercase; }
.ie-text-link { border-bottom: 1px solid var(--ie-line-strong); color: var(--ie-text); display: inline-flex; font-size: 13px; font-weight: 800; gap: 24px; margin-top: 28px; padding-bottom: 8px; text-transform: uppercase; }
.ie-text-link:hover { border-color: var(--ie-accent); color: var(--ie-accent); }
.ie-story-visual { align-self: stretch; min-height: 480px; overflow: hidden; position: relative; }
.ie-story-visual > img { filter: saturate(.78) contrast(1.05); height: 100%; object-fit: cover; position: absolute; width: 100%; }
.ie-story-visual::after { background: linear-gradient(180deg, transparent 28%, rgba(4, 8, 9, .9)); content: ''; inset: 0; position: absolute; }
.ie-story-quote { bottom: 0; left: 0; padding: 34px; position: absolute; right: 0; z-index: 2; }
.ie-quote-mark { color: var(--ie-gold); font-family: Georgia, serif; font-size: 90px; line-height: .7; }
.ie-story-quote p { color: #f4f7f5; font-size: clamp(22px, 2.3vw, 34px); letter-spacing: -.03em; line-height: 1.25; margin: 8px 0 16px; }
.ie-story-quote small { color: #d8e2df; font-weight: 800; letter-spacing: .15em; }

.ie-offering-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 64px; }
.ie-offering-card { border: 1px solid var(--ie-line); margin-left: -1px; min-height: 355px; padding: 30px; position: relative; transition: background .25s, transform .25s; }
.ie-offering-card:hover { background: var(--ie-surface-raised); transform: translateY(-6px); z-index: 2; }
.ie-card-top { align-items: center; display: flex; justify-content: space-between; }.ie-card-top span { color: var(--ie-accent); font-size: 12px; font-weight: 900; }.ie-card-top small { color: var(--ie-muted); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.ie-offering-card h3 { font-size: 27px; letter-spacing: -.03em; margin: 62px 0 18px; }.ie-offering-card p { font-size: 14px; line-height: 1.65; }.ie-offering-card a { bottom: 28px; color: var(--ie-text); font-size: 12px; font-weight: 800; position: absolute; text-transform: uppercase; }.ie-offering-card a span { color: var(--ie-accent); margin-left: 10px; }

.ie-journey { background: var(--ie-surface); }
.ie-journey-list { border-top: 1px solid var(--ie-line); margin-top: 64px; }
.ie-journey-item { align-items: center; border-bottom: 1px solid var(--ie-line); display: grid; gap: 30px; grid-template-columns: 70px 1.1fr 1fr 30px; min-height: 120px; transition: padding .25s, background .25s; }
.ie-journey-item:hover { background: var(--ie-surface-raised); padding: 0 24px; }.ie-journey-item > span { color: var(--ie-accent); font-size: 11px; font-weight: 900; }.ie-journey-item h3 { font-size: clamp(21px, 2.5vw, 34px); margin: 0; }.ie-journey-item p { margin: 0; }.ie-journey-item i { color: var(--ie-gold); font-style: normal; }
.ie-split-balanced { grid-template-columns: 1fr 1fr; }
.ie-achievement-list article { border-top: 1px solid var(--ie-line); display: grid; gap: 22px; grid-template-columns: 45px 1fr; padding: 27px 0; }.ie-achievement-list article > span { color: var(--ie-accent); font-size: 11px; font-weight: 900; }.ie-achievement-list h3 { font-size: 21px; margin: 0 0 8px; }.ie-achievement-list p { margin: 0; }
.ie-success-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); margin-top: 60px; }.ie-success-grid article { background: var(--ie-surface-raised); border: 1px solid var(--ie-line); min-height: 275px; padding: 28px; }.ie-result-index { color: var(--ie-accent); font-size: 11px; font-weight: 900; }.ie-success-grid h3 { font-size: 24px; margin: 50px 0 12px; }.ie-success-grid p { font-size: 13px; line-height: 1.6; }.ie-progress { background: var(--ie-line); height: 2px; margin-top: 32px; }.ie-progress span { background: var(--ie-accent); display: block; height: 100%; }
.ie-resources { background: var(--ie-surface); }.ie-resource-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); margin-top: 56px; }.ie-resource-grid article { align-items: center; border: 1px solid var(--ie-line); display: flex; gap: 20px; min-height: 120px; padding: 22px; }.ie-resource-grid article > span { align-items: center; background: var(--ie-accent-dark); border: 1px solid var(--ie-line); border-radius: 50%; color: var(--ie-accent); display: flex; flex: 0 0 52px; font-size: 16px; font-weight: 900; height: 52px; justify-content: center; }.ie-resource-grid h3 { font-size: 17px; margin: 0 0 5px; }.ie-resource-grid p { font-size: 12px; margin: 0; }
.ie-dual-cta { display: grid; grid-template-columns: 1fr 1fr; }.ie-dual-cta article { background: var(--ie-surface-raised); min-height: 430px; padding: 60px; }.ie-dual-cta article + article { background: var(--ie-accent); }.ie-dual-cta article + article h2, .ie-dual-cta article + article p, .ie-dual-cta article + article .ie-text-link { color: #07100e; }.ie-dual-cta article + article .ie-kicker { color: #164f44; }.ie-dual-cta h2 { font-size: clamp(38px, 5vw, 68px); letter-spacing: -.055em; line-height: 1; margin: 0; }.ie-dual-cta p { font-size: 17px; line-height: 1.7; margin: 25px 0 0; max-width: 520px; }
.ie-final { background: var(--ie-surface-raised); text-align: center; }.ie-final-inner { align-items: center; display: flex; flex-direction: column; }.ie-final h2 { font-size: clamp(52px, 8vw, 110px); max-width: 1000px; }.ie-final p { max-width: 600px; }.ie-final .ie-actions { margin-top: 38px; }

@media (max-width: 1100px) {
    .ie-stats-grid { grid-template-columns: repeat(3, 1fr); row-gap: 35px; }
    .ie-offering-grid, .ie-success-grid { grid-template-columns: repeat(2, 1fr); }
    .ie-section-links { gap: 16px; }
}
@media (max-width: 820px) {
    .ie-home { padding-top: 74px; }
    .ie-shell { padding-left: 20px; padding-right: 20px; }
    .ie-section { padding: 80px 0; }
    .ie-section-links { overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; width: 100%; }.ie-section-links::-webkit-scrollbar { display: none; }.ie-section-nav .ie-shell { align-items: flex-start; flex-direction: column; }
    .ie-hero { min-height: auto; padding-top: 80px; }.ie-hero-grid { grid-template-columns: 1fr; }.ie-hero-portrait { margin: 20px auto 40px; max-width: 390px; }.ie-tagline-row { bottom: 25px; }
    .ie-hero-benefits { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ie-hero-grid > .ie-hero-portrait { grid-column: 1; grid-row: 3; }
    .ie-heading-row, .ie-split, .ie-split-balanced { align-items: start; display: grid; grid-template-columns: 1fr; }.ie-section-number { display: none; }.ie-story-visual { min-height: 420px; }
    .ie-dual-cta { grid-template-columns: 1fr; }.ie-dual-cta article { min-height: 350px; padding: 42px; }
}
@media (max-width: 560px) {
    .ie-hero-benefits { gap: 16px 12px; }.ie-hero-benefits li { font-size: 14px; gap: 8px; }
    .ie-section { padding: 66px 0; }.ie-hero-copy h1 { font-size: clamp(50px, 16vw, 76px); }.ie-hero-copy > p { font-size: 16px; }.ie-hero-portrait { max-width: 310px; }.ie-portrait-badge { height: 90px; right: -8px; width: 90px; }.ie-portrait-badge strong { font-size: 20px; }
    .ie-stats-grid { grid-template-columns: repeat(2, 1fr); }.ie-stat-card { min-height: 125px; }
    .ie-offering-grid, .ie-success-grid, .ie-resource-grid { grid-template-columns: 1fr; }.ie-offering-card { min-height: 320px; }
    .ie-journey-item { align-items: start; gap: 10px; grid-template-columns: 35px 1fr; padding: 24px 0; }.ie-journey-item p { grid-column: 2; }.ie-journey-item i { display: none; }
    .ie-story-quote, .ie-dual-cta article { padding: 30px; }
}

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

/* Editor formatting stays intact on desktop; large sizes fit narrow screens. */
.ie-home h1, .ie-home h2, .ie-home h3, .ie-home p { overflow-wrap: break-word; word-break: normal; }
.ie-home .ie-shell > *, .ie-home [class$="-grid"] > *, .ie-home .ie-resource-grid article > div { min-width: 0; }
.ie-resource-grid article { position: relative; }
.ie-resource-link { position: absolute; inset: 0; display: block; z-index: 1; }
.ie-resource-link:focus-visible { outline: 3px solid var(--ie-accent); outline-offset: 3px; }
.ie-resource-grid article.is-linked:hover { background: var(--ie-surface-raised); border-color: var(--ie-accent); }
@media (max-width: 767px) {
    .ie-home, .site-rich-content { --homepage-mobile-font-cap: calc(18px + 2vw); }
    .ie-home h1 { --homepage-mobile-font-cap: clamp(30px, calc(20px + 4vw), 44px); font-size: clamp(30px, calc(20px + 4vw), 44px); line-height: 1.1; }
    .ie-home h2, .site-rich-content h1, .site-rich-content h2 { --homepage-mobile-font-cap: clamp(28px, calc(22px + 3vw), 40px); }
    .ie-home .homepage-rich-sized, .site-rich-content .homepage-rich-sized {
        font-size: min(var(--homepage-font-size), var(--homepage-mobile-font-cap)) !important;
        line-height: var(--homepage-mobile-line-height, inherit) !important;
    }
}

/* Shared component colors follow the selected palette on every public page. */
html[data-theme="dark"] body {
    --color-body: var(--ie-text);
    --color-gray: var(--ie-muted);
    --color-gray-2: var(--ie-muted);
    --color-gray-3: var(--ie-muted);
    --color-gray-7: var(--ie-muted);
    --color-soft-white-6: var(--ie-muted);
    --color-soft-white-7: var(--ie-line);
    --color-soft-white: var(--ie-line);
    --bs-body-color: var(--ie-text);
    --bs-body-bg: var(--ie-bg);
    --bs-border-color: var(--ie-line);
}
html[data-theme] .course-details-sidebar .course-details-info,
html[data-theme] .course-details-sidebar .course-instructor,
html[data-theme] .rating-summary,
html[data-theme] .comments-template,
html[data-theme] .accordion-button,
html[data-theme] .select2-dropdown,
html[data-theme] .nice-select .list {
    background-color: var(--ie-surface);
    color: var(--ie-text);
    border-color: var(--ie-line);
}
html[data-theme] .course-details-area .border-soft-white,
html[data-theme] .course-details-area .border-bottom-soft-white,
html[data-theme] .course-details-area .course-feature-list li,
html[data-theme] .course-details-area .course-social,
html[data-theme] .course-details-area .accordion-item,
html[data-theme] .course-details-area .course-playlist li,
html[data-theme] .comments-list li { border-color: var(--ie-line) !important; }
html[data-theme] .course-details-area .accordion-button,
html[data-theme] .course-details-area .accordion-button:not(.collapsed),
html[data-theme] .course-details-area .course-feature-list li span,
html[data-theme] .course-details-area .course-playlist a,
html[data-theme] .course-details-area .share-course,
html[data-theme] .course-details-area .social-profile a,
html[data-theme] .course-details-area .less-more-btn,
html[data-theme] .course-details-area .comments-list .comment-author { color: var(--ie-text); }
html[data-theme] .course-details-area .line-progress { background: var(--ie-line-strong); }
html[data-theme] .course-details-area .course-details-header-wrapper {
    background: var(--ie-surface-raised);
}
html[data-theme] .course-details-header.color-white .title,
html[data-theme] .course-details-header.color-white .course-details-info li,
html[data-theme] .course-details-header.color-white .course-details-info li span { color: var(--ie-text); }
html[data-theme] .course-details-header.color-white .desc { color: var(--ie-muted); }
html[data-theme] .course-details-header .course-details-info li::after { background: var(--ie-line-strong); }
html[data-theme] .course-details-area .course-details-header .rating i { color: #fdcc0d; }
html[data-theme="dark"] .text-dark { color: var(--ie-text) !important; }
html[data-theme="dark"] .select2-results__option--selected,
html[data-theme="dark"] .nice-select .option:hover,
html[data-theme="dark"] .nice-select .option.selected { background: var(--ie-surface-raised); }
html[data-theme] .template-header .nav-menu > ul > li > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
html[data-theme] .template-header .navbar-toggler { background: transparent; border: 0; flex-shrink: 0; }
html[data-theme] .template-header .navbar-toggler span { background: var(--ie-text) !important; }
/* Keep hamburger, logo and actions in normal flow so they cannot overlap. */
@media (max-width: 1199.98px) {
    html[data-theme] .template-header:not(.header-layout-1) .header-inner { display: flex; flex-wrap: nowrap; gap: 12px; }
    html[data-theme] .template-header:not(.header-layout-1) .header-left { position: static; display: flex; align-items: center; justify-content: flex-start; width: auto; min-width: 0; gap: 12px; }
    html[data-theme] .template-header:not(.header-layout-1) .navbar-toggler { position: static; padding: 0; }
}
@media (max-width: 991.98px) {
    html[data-theme] .template-header .header-inner { display: flex; flex-wrap: nowrap; gap: 12px; }
    html[data-theme] .template-header.header-layout-1 .header-left { position: static; display: flex; align-items: center; justify-content: flex-start; width: auto; min-width: 0; gap: 12px; }
    html[data-theme] .template-header .header-left { flex: 1 1 auto; }
    html[data-theme] .template-header .header-left .brand-logo { min-width: 0; margin: 0; }
    html[data-theme] .template-header .header-left .brand-logo img { width: auto; max-width: 140px; max-height: 42px; object-fit: contain; }
    html[data-theme] .template-header.header-layout-1 .navbar-toggler { position: static; padding: 0; }
    html[data-theme] .template-header .header-right { flex: 0 0 auto; margin-inline-start: auto; }
    html[data-theme] .template-header .header-extra { display: flex; align-items: center; }
    html[data-theme] .template-header .header-extra > li:not(:first-child) { margin-inline-start: 12px; }
}
@media (max-width: 575.98px) {
    html[data-theme] .template-header .header-left .brand-logo img { max-width: min(100px, 25vw); max-height: 36px; }
    html[data-theme] .template-header .header-inner,
    html[data-theme] .template-header .header-left { gap: 8px; }
    html[data-theme] .template-header .header-extra > li:not(:first-child) { margin-inline-start: 8px; }
    html[data-theme] .template-header .ie-theme-toggle { width: 30px; height: 30px; }
    html[data-theme] .template-header .user-profile-dropdown > a > span { display: none; }
}
html[data-theme="light"] .course-details-sidebar .course-details-info .price {
    color: color-mix(in srgb, var(--ie-accent) 55%, #07100e);
}
html[data-theme] .course-details-area .template-btn:not(.bordered-btn-secondary) { color: #07100e; }
html[data-theme] .course-details-area .accordion-button:focus-visible { outline: 2px solid var(--ie-accent); outline-offset: -2px; }
/* Legacy public cards and account forms share the same theme as course pages. */
html[data-theme="dark"] :is(.user-form-container, .profile-sidebar, .pending-order,
.payment-info-form .user-form-input-wrapper, .quiz-question, .quiz-result-wrapper,
.instructor-profile-preview, .course-subject-item, .single-subject, .solution-package-item,
.pricing-table, .book-list-item, .product-buy-now-wrap, .search-sorter,
.blog-post-item, .testimonial-item, .icon-box, .fancy-check-list .list-inner,
.course-lesson-item, .team-member-item, .custom-select, .user-form-container .form-divider span,
.login-as h6, .comments-template .template-title span, .section-title-v2 h3 span) {
    background-color: var(--ie-surface) !important;
    border-color: var(--ie-line);
    color: var(--ie-text);
}
html[data-theme="dark"] :is(.user-form-container, .user-form, .payment-info-form, .comments-template, .template-header) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select, .nice-select) {
    background-color: var(--ie-surface-raised) !important;
    color: var(--ie-text) !important;
    border-color: var(--ie-line-strong) !important;
}
html[data-theme="dark"] :is(.user-form-container, .user-form) :is(label, .toggle-password, .remember-password, .forgot-password, .form-divider, .current) { color: var(--ie-muted); }
html[data-theme="dark"] .user-form-container h3 { color: var(--ie-text); }
html[data-theme="dark"] :is(.page-nav, .pagination) a { background-color: var(--ie-surface); color: var(--ie-text); border-color: var(--ie-line); }
html[data-theme] .template-btn:not(.bordered-btn):not(.bordered-btn-secondary):not(.template-btn-white),
html[data-theme] .template-header .login-btn .template-btn { color: #07100e !important; }
@media (max-width: 991.98px) {
    html[data-theme] .template-header.header-layout-1 .login-btn .template-btn { color: var(--ie-text) !important; }
}