.skillpo-home-v4 {
    --sp-navy: #0d1238;
    --sp-ink: #171a3a;
    --sp-purple: #6d28d9;
    --sp-violet: #8b5cf6;
    --sp-blue: #2563eb;
    --sp-green: #16a56f;
    --sp-amber: #f59e0b;
    --sp-muted: #6b7089;
    --sp-line: #e7e9f3;
    --sp-soft: #f7f8fd;
    background: #fff;
    color: var(--sp-ink);
    overflow: clip;
}

.skillpo-home-v4 .container-1278 { max-width: var(--sp-container, 1278px); }
.skillpo-home-v4 > .footer-area { display: none !important; }
.sp-catalog-section { background: var(--sp-custom-bg, transparent); color: var(--sp-custom-text, var(--sp-ink)); }
.sp-catalog-heading h2 { color: var(--sp-custom-text, var(--sp-ink)); }

.skillpo-home-v4 .template-header {
    left: 0;
    position: absolute !important;
    top: 18px;
    width: 100%;
    z-index: 1000;
}

.skillpo-home-v4 .template-header .header-navigation {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(9, 15, 52, .16);
    margin-inline: auto;
    max-width: 1380px;
    width: calc(100% - 36px);
}

.skillpo-home-v4 .template-header .header-inner {
    min-height: 76px;
}

.skillpo-home-v4 .template-header .brand-logo img {
    max-height: 44px;
    width: auto;
}

.skillpo-home-v4 .template-header .nav-menu > ul > li > a,
.skillpo-home-v4 .template-header .header-extra > li > a {
    color: var(--sp-ink) !important;
    font-weight: 600;
}

.skillpo-home-v4 .template-header .nav-menu > ul > li.active > a,
.skillpo-home-v4 .template-header .nav-menu > ul > li:hover > a {
    color: var(--sp-purple) !important;
}

.skillpo-home-v4 .template-header .nav-menu > ul > li > a::before {
    background: linear-gradient(90deg, var(--sp-blue), var(--sp-purple));
}

.skillpo-home-v4 .template-header .mega-menu,
.skillpo-home-v4 .template-header .sub-menu {
    border: 1px solid var(--sp-line);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(13, 18, 56, .18);
    overflow: hidden;
}
.skillpo-home-v4.sp-no-hero .template-header { background:#fff; padding:12px 0; position:relative!important; top:0; }
.skillpo-home-v4.sp-no-hero .template-header .header-navigation { position:relative; }

.sp-smart-hero {
    background: var(--sp-navy);
    color: #fff;
    isolation: isolate;
    min-height: 720px;
    position: relative;
}

.sp-smart-hero__slider {
    min-height: 720px;
    position: relative;
}

.sp-smart-slide {
    --sp-accent: var(--sp-purple);
    inset: 0;
    min-height: 720px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scale(1.015);
    transition: opacity .65s ease, transform 1.1s ease;
    visibility: hidden;
}

.sp-smart-slide--green { --sp-accent: var(--sp-green); }
.sp-smart-slide--blue { --sp-accent: var(--sp-blue); }
.sp-smart-slide--amber { --sp-accent: var(--sp-amber); }
.sp-smart-slide--purple { --sp-accent: var(--sp-purple); }

.sp-smart-slide.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    visibility: visible;
    z-index: 2;
}

.sp-smart-slide__backdrop {
    background-image: var(--sp-hero-image);
    background-position: center;
    background-size: cover;
    filter: saturate(.95);
    inset: 0;
    opacity: .34;
    position: absolute;
}

.sp-smart-slide__backdrop::before {
    background:
        radial-gradient(circle at 78% 35%, color-mix(in srgb, var(--sp-accent) 28%, transparent), transparent 38%),
        linear-gradient(90deg, rgba(5, 8, 34, .99) 0%, rgba(8, 12, 45, .94) 43%, rgba(8, 12, 45, .48) 72%, rgba(8, 12, 45, .38) 100%);
    content: '';
    inset: 0;
    position: absolute;
}

.sp-smart-slide__container {
    align-items: center;
    display: grid;
    gap: 64px;
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, .96fr);
    min-height: 720px;
    padding-bottom: 86px;
    padding-top: 138px;
    position: relative;
    z-index: 2;
}

.sp-smart-slide__content {
    max-width: 680px;
}

.sp-smart-slide__eyebrow {
    align-items: center;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 700;
    gap: 9px;
    letter-spacing: .04em;
    padding: 9px 14px;
    text-transform: uppercase;
}

.sp-smart-slide__eyebrow i { color: var(--sp-accent); }
.sp-smart-slide__eyebrow span { color: #d9def7; font-weight: 600; }

.sp-smart-slide h1 {
    color: #fff;
    font-size: clamp(44px, 5vw, 72px);
    letter-spacing: -.045em;
    line-height: 1.04;
    margin: 28px 0 20px;
    max-width: 720px;
}

.sp-smart-slide__content > p {
    color: #d7dcf5;
    font-size: 17px;
    line-height: 1.75;
    margin: 0;
    max-width: 620px;
}

.sp-smart-slide__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}

.sp-smart-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 13px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    justify-content: center;
    min-height: 50px;
    padding: 12px 22px;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.sp-smart-btn:hover { transform: translateY(-2px); }

.sp-smart-btn--primary {
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .2);
    color: var(--sp-accent);
}

.sp-smart-btn--primary:hover { color: var(--sp-accent); }

.sp-smart-btn--glass {
    background: rgba(255, 255, 255, .09);
    border-color: rgba(255, 255, 255, .38);
    color: #fff;
}

.sp-smart-btn--glass:hover { background: rgba(255, 255, 255, .16); color: #fff; }

/* V11.2: slider-managed statistics support editable icons and item counts. */
.sp-smart-slide__proof {
    align-items: stretch;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 17px;
    display: inline-flex;
    margin-top: 34px;
    overflow: hidden;
}

.sp-smart-slide__proof span {
    color: #bac2e7;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    min-width: 120px;
    padding: 14px 19px;
}

.sp-smart-slide__proof span > i {
    color: var(--sp-accent);
    font-size: 15px;
    margin-bottom: 5px;
}

.sp-smart-slide__proof span + span { border-inline-start: 1px solid rgba(255, 255, 255, .14); }
.sp-smart-slide__proof strong { color: #fff; font-size: 19px; line-height: 1.2; }

.sp-smart-slide__visual {
    margin-inline-start: auto;
    max-width: 520px;
    position: relative;
    width: 100%;
}

.sp-smart-slide__visual::before {
    background: var(--sp-accent);
    border-radius: 50%;
    content: '';
    filter: blur(70px);
    height: 240px;
    opacity: .35;
    position: absolute;
    right: -35px;
    top: 70px;
    width: 240px;
}

.sp-smart-slide__visual-card {
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 30px;
    box-shadow: 0 36px 90px rgba(0, 0, 0, .38);
    overflow: hidden;
    padding: 10px;
    position: relative;
    transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
}

.sp-smart-slide__visual-card img {
    aspect-ratio: 1.15 / 1;
    border-radius: 22px;
    display: block;
    object-fit: cover;
    width: 100%;
}

.sp-smart-slide__visual-badge {
    align-items: center;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(11, 16, 52, .78);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    bottom: 27px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 9px;
    left: 27px;
    max-width: calc(100% - 54px);
    padding: 10px 15px;
    position: absolute;
}

.sp-smart-slide__visual-badge i { color: var(--sp-accent); }

.sp-smart-slide__floating-card {
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(5, 10, 38, .28);
    color: var(--sp-ink);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 9px;
    padding: 12px 16px;
    position: absolute;
    z-index: 3;
}

.sp-smart-slide__floating-card i { color: var(--sp-accent); font-size: 18px; }
.sp-smart-slide__floating-card--top { left: -44px; top: 48px; }
.sp-smart-slide__floating-card--bottom { bottom: 65px; right: -35px; }

.sp-smart-slider__controls {
    align-items: center;
    bottom: 40px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10;
}

.sp-smart-slider__controls button { pointer-events: auto; }

.sp-smart-slider__arrow,
.sp-smart-slider__pause {
    align-items: center;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 38px;
    justify-content: center;
    transition: background .2s ease, transform .2s ease;
    width: 38px;
}

.sp-smart-slider__arrow:hover,
.sp-smart-slider__pause:hover { background: #fff; color: var(--sp-purple); transform: translateY(-2px); }

.sp-smart-slider__dots { align-items: center; display: flex; gap: 8px; margin-inline: 4px; }
.sp-smart-slider__dot { background: rgba(255, 255, 255, .45); border: 0; border-radius: 999px; height: 7px; padding: 0; transition: width .25s ease, background .25s ease; width: 7px; }
.sp-smart-slider__dot.is-active { background: #fff; width: 28px; }

.sp-smart-trust {
    margin-top: -1px;
    position: relative;
    z-index: 8;
}

.sp-smart-trust__grid {
    background: var(--sp-custom-bg, #fff);
    border: 1px solid var(--sp-line);
    border-radius: 22px;
    box-shadow: 0 18px 60px rgba(18, 23, 66, .1);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: -28px;
    overflow: hidden;
}

.sp-smart-trust__grid > div { align-items: center; display: flex; gap: 13px; min-width: 0; padding: 22px; }
.sp-smart-trust__grid > div + div { border-inline-start: 1px solid var(--sp-line); }
.sp-smart-trust__grid i { align-items: center; background: #f1edff; border-radius: 12px; color: var(--sp-purple); display: inline-flex; flex: 0 0 42px; font-size: 17px; height: 42px; justify-content: center; }
.sp-smart-trust__grid span { color: var(--sp-muted); display: flex; flex-direction: column; font-size: 11px; line-height: 1.45; min-width: 0; }
.sp-smart-trust__grid strong { color: var(--sp-custom-text, var(--sp-ink)); font-size: 13px; }

.sp-smart-catalog { padding-top: 44px; }

.sp-catalog-section {
    --sp-section: var(--sp-purple);
    --sp-section-soft: #f5f1ff;
    background: var(--sp-custom-bg, #fff);
    color: var(--sp-custom-text, var(--sp-ink));
    padding: var(--sp-section-space, 78px) 0;
    position: relative;
}

.sp-catalog-section:nth-child(even) { background: var(--sp-soft); }
.sp-catalog-section--green { --sp-section: var(--sp-green); --sp-section-soft: #eafaf4; }
.sp-catalog-section--blue { --sp-section: var(--sp-blue); --sp-section-soft: #edf4ff; }
.sp-catalog-section--amber { --sp-section: var(--sp-amber); --sp-section-soft: #fff7e7; }
.sp-catalog-section--purple { --sp-section: var(--sp-purple); --sp-section-soft: #f3edff; }

.sp-catalog-section::after {
    background: var(--sp-section-soft);
    border-radius: 50%;
    content: '';
    height: 240px;
    opacity: .65;
    position: absolute;
    right: -90px;
    top: 25px;
    width: 240px;
}

.sp-catalog-section .container { position: relative; z-index: 2; }

.sp-catalog-heading {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 34px;
}

.sp-catalog-heading__copy { align-items: center; display: grid; gap: 18px; grid-template-columns: auto auto minmax(0, 1fr); min-width: 0; }
.sp-catalog-heading__number { color: var(--sp-section); font-size: 13px; font-weight: 800; letter-spacing: .12em; writing-mode: vertical-rl; }
.sp-catalog-heading__icon { align-items: center; background: var(--sp-section-soft); border: 1px solid color-mix(in srgb, var(--sp-section) 18%, #fff); border-radius: 18px; color: var(--sp-section); display: inline-flex; flex: 0 0 58px; font-size: 22px; height: 58px; justify-content: center; width: 58px; }
.sp-catalog-heading__eyebrow { color: var(--sp-section) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .1em; margin: 0 0 6px !important; text-transform: uppercase; }
.sp-catalog-heading h2 { color: var(--sp-custom-text, var(--sp-ink)); font-size: clamp(28px, 3vw, 42px); letter-spacing: -.035em; line-height: 1.15; margin: 0; }
.sp-catalog-heading__copy > div > p:last-child { color: var(--sp-muted); font-size: 14px; line-height: 1.65; margin: 7px 0 0; max-width: 680px; }

.sp-catalog-heading__link {
    align-items: center;
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 13px;
    box-shadow: 0 10px 30px rgba(18, 23, 66, .08);
    color: var(--sp-section);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 700;
    gap: 10px;
    min-height: 48px;
    padding: 11px 18px;
    transition: transform .22s ease, box-shadow .22s ease;
}

.sp-catalog-heading__link:hover { box-shadow: 0 15px 35px rgba(18, 23, 66, .14); color: var(--sp-section); transform: translateY(-2px); }

.sp-catalog-grid { display: grid; gap: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); }

.sp-course-card {
    background: #fff;
    border: 1px solid var(--sp-line);
    border-radius: 19px;
    box-shadow: 0 14px 38px rgba(17, 24, 70, .07);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.sp-card-style--glass .sp-course-card { -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); background:rgba(255,255,255,.82); box-shadow:0 20px 55px rgba(18,23,66,.12); }
.sp-card-style--minimal .sp-course-card { border-radius:10px; box-shadow:none; }
.sp-card-style--minimal .sp-course-card:hover { box-shadow:0 12px 28px rgba(18,23,66,.09); }

.sp-course-card:hover { border-color: color-mix(in srgb, var(--sp-section) 35%, #fff); box-shadow: 0 22px 50px rgba(17, 24, 70, .14); transform: translateY(-6px); }
.sp-course-card__media { aspect-ratio: 1.58 / 1; background: linear-gradient(135deg, var(--sp-navy), var(--sp-section)); display: block; overflow: hidden; position: relative; }
.sp-course-card__media img { height: 100%; object-fit: cover; transition: transform .55s ease; width: 100%; }
.sp-course-card:hover .sp-course-card__media img { transform: scale(1.05); }
.sp-course-card__scrim { background: linear-gradient(180deg, transparent 36%, rgba(7, 10, 35, .66)); inset: 0; position: absolute; }

.sp-course-card__badge,
.sp-course-card__featured { -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); background: rgba(255, 255, 255, .92); border-radius: 999px; color: var(--sp-section); font-size: 10px; font-weight: 800; padding: 7px 10px; position: absolute; top: 13px; }
.sp-course-card__badge { left: 13px; text-transform: uppercase; }
.sp-course-card__featured { right: 13px; }

.sp-course-card__test-art { align-items: center; color: rgba(255,255,255,.88); display: flex; font-size: 62px; gap: 25px; height: 100%; justify-content: center; }
.sp-course-card__test-art i:last-child { font-size: 48px; }

.sp-course-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.sp-course-card__category { color: var(--sp-section); font-size: 10px; font-weight: 800; letter-spacing: .08em; margin-bottom: 8px; text-transform: uppercase; }
.sp-course-card h3 { font-size: 17px; line-height: 1.4; margin: 0 0 9px; min-height: 48px; }
.sp-course-card h3 a { color: var(--sp-ink); }
.sp-course-card h3 a:hover { color: var(--sp-section); }
.sp-course-card__body > p { color: var(--sp-muted); font-size: 12px; line-height: 1.55; margin: 0 0 14px; min-height: 38px; }
.sp-course-card__meta { align-items: center; color: var(--sp-muted); display: flex; flex-wrap: wrap; font-size: 11px; gap: 8px 13px; margin-bottom: 17px; }
.sp-course-card__meta i { color: var(--sp-section); margin-inline-end: 4px; }
.sp-course-card__footer { align-items: center; border-top: 1px solid var(--sp-line); display: flex; justify-content: space-between; margin-top: auto; padding-top: 15px; }
.sp-course-card__footer strong { color: var(--sp-section); font-size: 15px; text-transform: capitalize; }
.sp-course-card__footer a { color: var(--sp-purple); font-size: 11px; font-weight: 800; }
.sp-course-card__footer a i { margin-inline-start: 5px; transition: transform .2s ease; }
.sp-course-card__footer a:hover i { transform: translateX(3px); }

.sp-catalog-empty { align-items: center; background: #fff; border: 1px dashed color-mix(in srgb, var(--sp-section) 42%, #fff); border-radius: 18px; display: flex; gap: 18px; grid-column: 1 / -1; min-height: 160px; padding: 28px; }
.sp-catalog-empty > span { align-items: center; background: var(--sp-section-soft); border-radius: 16px; color: var(--sp-section); display: flex; flex: 0 0 56px; font-size: 22px; height: 56px; justify-content: center; }
.sp-catalog-empty h3 { color: var(--sp-ink); font-size: 18px; margin: 0 0 5px; }
.sp-catalog-empty p { color: var(--sp-muted); margin: 0; }
.sp-catalog-mobile-more { display: none; margin-top: 24px; }
.sp-smart-btn--section { background: var(--sp-section); color: #fff; width: 100%; }
.sp-smart-btn--section:hover { color: #fff; }

.skillpo-home-v4 .cta-section { margin-top: 80px; }
.skillpo-home-v4 .footer-area { position: relative; }

/* Premium learning journey replaces the conventional promotional CTA. */
.sp-premium-journey { background: #fff; padding: var(--sp-section-space, 82px) 0; }
.sp-premium-journey__panel { background: var(--sp-custom-bg, #101334); border-radius: calc(var(--sp-radius, 22px) + 8px); box-shadow: 0 34px 90px rgba(13,18,56,.2); color: var(--sp-custom-text, #fff); display: grid; gap: 55px; grid-template-columns: .88fr 1.12fr; overflow: hidden; padding: clamp(32px,5vw,72px); position: relative; }
.sp-premium-journey__panel::before { background: radial-gradient(circle, color-mix(in srgb,var(--sp-purple) 52%,transparent), transparent 68%); content: ''; height: 520px; left: -170px; position: absolute; top: -210px; width: 620px; }
.sp-premium-journey__intro,.sp-premium-journey__steps { position: relative; z-index: 1; }
.sp-premium-journey__intro > span,.sp-builder-heading > span,.sp-builder-image-text__copy > span { color: #a98aff; display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; margin-bottom: 13px; text-transform: uppercase; }
.sp-premium-journey__intro h2 { color: inherit; font-size: clamp(34px,4vw,56px); letter-spacing: -.04em; line-height: 1.08; margin: 0 0 18px; }
.sp-premium-journey__intro p { color: color-mix(in srgb,var(--sp-custom-text,#fff) 75%,transparent); font-size: 15px; line-height: 1.75; margin-bottom: 28px; }
.sp-premium-journey__steps { display: grid; gap: 12px; }
.sp-premium-journey__steps article { align-items: flex-start; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: var(--sp-radius,22px); display: grid; gap: 14px; grid-template-columns: 46px 1fr; padding: 18px; transition: transform .25s,background .25s; }
.sp-premium-journey__steps article:hover { background: rgba(255,255,255,.13); transform: translateX(6px); }
.sp-premium-journey__steps article > span { align-items:center; background:linear-gradient(135deg,var(--sp-blue),var(--sp-purple)); border-radius:14px; display:flex; height:46px; justify-content:center; width:46px; }
.sp-premium-journey__steps small { color:#a98aff; font-size:10px; font-weight:800; }
.sp-premium-journey__steps h3 { color:inherit; font-size:16px; margin:2px 0 4px; }
.sp-premium-journey__steps p { color:rgba(255,255,255,.65); font-size:11px; line-height:1.55; margin:0; }

/* Reusable admin-created sections. */
.sp-builder-section { background: var(--sp-custom-bg,#fff); color: var(--sp-custom-text,var(--sp-ink)); padding: var(--sp-section-space,82px) 0; }
.sp-builder-heading { margin: 0 auto 38px; max-width: 760px; }
.sp-builder-heading--center { text-align:center; }
.sp-builder-heading--left { margin-left:0; }
.sp-builder-heading h2,.sp-builder-image-text__copy h2 { color:inherit; font-size:clamp(30px,4vw,48px); letter-spacing:-.035em; margin:0 0 12px; }
.sp-builder-heading p,.sp-builder-image-text__copy p { color:color-mix(in srgb,var(--sp-custom-text,var(--sp-ink)) 70%,transparent); line-height:1.75; margin:0; }
.sp-builder-feature-grid__items { display:grid; gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.sp-builder-feature-grid__items article { background:color-mix(in srgb,var(--sp-custom-bg,#fff) 94%,var(--sp-purple)); border:1px solid color-mix(in srgb,var(--sp-custom-text,var(--sp-ink)) 12%,transparent); border-radius:var(--sp-radius,22px); padding:26px; }
.sp-builder-feature-grid__items i { align-items:center; background:color-mix(in srgb,var(--sp-purple) 14%,transparent); border-radius:14px; color:var(--sp-purple); display:flex; font-size:20px; height:48px; justify-content:center; margin-bottom:20px; width:48px; }
.sp-builder-feature-grid__items h3 { color:inherit; font-size:17px; margin:0 0 8px; }
.sp-builder-feature-grid__items p { color:color-mix(in srgb,var(--sp-custom-text,var(--sp-ink)) 68%,transparent); font-size:12px; line-height:1.6; margin:0; }
.sp-builder-image-text__grid { align-items:center; display:grid; gap:clamp(35px,6vw,82px); grid-template-columns:1fr 1fr; }
.sp-builder-image-text__grid--center { display:block; text-align:center; }
.sp-builder-image-text__media { border-radius:calc(var(--sp-radius,22px) + 5px); box-shadow:0 24px 60px rgba(13,18,56,.14); overflow:hidden; }
.sp-builder-image-text__media img { aspect-ratio:1.32/1; height:100%; object-fit:cover; width:100%; }
.sp-builder-image-text__copy .sp-smart-btn { margin-top:25px; }
.sp-builder-custom__content { color:inherit; }

/* Premium dynamic footer. */
.sp-premium-footer { background:var(--sp-footer-bg,#0b0e2b); color:var(--sp-footer-text,#c9cee9); overflow:hidden; padding:76px 0 0; position:relative; }
.sp-premium-footer::before { background:radial-gradient(circle,rgba(109,40,217,.32),transparent 70%); content:''; height:600px; position:absolute; right:-250px; top:-290px; width:700px; }
.sp-premium-footer .container { position:relative; z-index:1; }
.sp-premium-footer__top { display:grid; gap:80px; grid-template-columns:minmax(280px,.8fr) 1.2fr; }
.sp-premium-footer__brand img { max-height:46px; max-width:160px; }
.sp-premium-footer__brand h2 { color:#fff; font-size:30px; letter-spacing:-.03em; margin:26px 0 12px; }
.sp-premium-footer__brand p { color:#a8aecf; line-height:1.7; max-width:420px; }
.sp-premium-footer__social { display:flex; gap:9px; margin-top:25px; }
.sp-premium-footer__social a { align-items:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:11px; color:#fff; display:flex; height:40px; justify-content:center; transition:.2s; width:40px; }
.sp-premium-footer__social a:hover { background:var(--sp-purple); transform:translateY(-2px); }
.sp-premium-footer__nav { display:grid; gap:35px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.sp-premium-footer__nav h3 { color:#fff; font-size:14px; margin:0 0 18px; }
.sp-premium-footer__nav a { color:#a8aecf; display:block; font-size:12px; margin:0 0 12px; }
.sp-premium-footer__nav a:hover { color:#fff; padding-inline-start:3px; }
.sp-premium-footer__newsletter { align-items:center; background:linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.11); border-radius:var(--sp-radius,22px); display:grid; gap:28px; grid-template-columns:1fr minmax(340px,.8fr); margin-top:58px; padding:28px 32px; }
.sp-premium-footer__newsletter span { color:#a98aff; font-size:9px; font-weight:800; letter-spacing:.13em; }
.sp-premium-footer__newsletter h3 { color:#fff; font-size:18px; margin:5px 0 0; }
.sp-premium-footer__newsletter form { align-items:center; background:#fff; border-radius:13px; display:flex; padding:5px; }
.sp-premium-footer__newsletter input { background:transparent; border:0; flex:1; min-width:0; outline:0; padding:10px 13px; }
.sp-premium-footer__newsletter button { background:linear-gradient(135deg,var(--sp-blue),var(--sp-purple)); border:0; border-radius:10px; color:#fff; font-size:12px; font-weight:700; min-height:42px; padding:9px 16px; white-space:nowrap; }
.sp-premium-footer__bottom { border-top:1px solid rgba(255,255,255,.09); display:flex; font-size:10px; justify-content:space-between; margin-top:48px; padding:24px 0; }

@media (max-width: 1199.98px) {
    .skillpo-home-v4 .template-header { top: 12px; }
    .skillpo-home-v4 .template-header .header-navigation { width: calc(100% - 24px); }
    .sp-smart-slide__container { gap: 38px; grid-template-columns: minmax(0, 1fr) minmax(330px, .82fr); }
    .sp-smart-slide__floating-card--top { left: -20px; }
    .sp-smart-slide__floating-card--bottom { right: -12px; }
    .sp-smart-trust__grid > div { padding: 18px 14px; }
    .sp-catalog-grid { gap: 15px; }
    .sp-course-card__body { padding: 17px; }
}

@media (max-width: 991.98px) {
    .skillpo-home-v4 .template-header .header-navigation { border-radius: 16px; }
    .skillpo-home-v4 .template-header .header-inner { min-height: 66px; }
    .skillpo-home-v4 .template-header .header-extra { gap: 12px; }
    .sp-smart-hero,
    .sp-smart-hero__slider,
    .sp-smart-slide { min-height: 820px; }
    .sp-smart-slide__container { gap: 26px; grid-template-columns: minmax(0, 1fr) 340px; min-height: 820px; padding-bottom: 100px; padding-top: 120px; }
    .sp-smart-slide h1 { font-size: 45px; }
    .sp-smart-slide__content > p { font-size: 15px; }
    .sp-smart-slide__proof span { min-width: 100px; padding: 12px 14px; }
    .sp-smart-trust__grid { grid-template-columns: repeat(2, 1fr); }
    .sp-smart-trust__grid > div:nth-child(3) { border-inline-start: 0; border-top: 1px solid var(--sp-line); }
    .sp-smart-trust__grid > div:nth-child(4) { border-top: 1px solid var(--sp-line); }
    .sp-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sp-premium-journey__panel { gap:34px; grid-template-columns:1fr; }
    .sp-builder-feature-grid__items { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sp-premium-footer__top { gap:45px; grid-template-columns:1fr; }
}

@media (max-width: 767.98px) {
    .skillpo-home-v4 .template-header { top: 8px; }
    .skillpo-home-v4 .template-header .header-navigation { width: calc(100% - 16px); }
    .skillpo-home-v4 .template-header .header-inner { min-height: 60px; }
    .skillpo-home-v4 .template-header .brand-logo img { max-height: 36px; max-width: 116px; }
    .skillpo-home-v4 .template-header .header-extra > li:not(.language-selection):not(.d-lg-none) { display: none; }
    .sp-smart-hero,
    .sp-smart-hero__slider,
    .sp-smart-slide { min-height: 890px; }
    .sp-smart-slide__backdrop { background-position: 65% center; opacity: .27; }
    .sp-smart-slide__backdrop::before { background: linear-gradient(180deg, rgba(5,8,34,.98) 0%, rgba(7,10,38,.9) 58%, rgba(7,10,38,.72) 100%); }
    .sp-smart-slide__container { align-content: center; display: flex; flex-direction: column; gap: 30px; justify-content: center; min-height: 890px; padding-bottom: 110px; padding-top: 112px; }
    .sp-smart-slide__content { max-width: none; width: 100%; }
    .sp-smart-slide__eyebrow { font-size: 9px; padding: 8px 11px; }
    .sp-smart-slide h1 { font-size: clamp(37px, 11vw, 52px); margin: 20px 0 14px; }
    .sp-smart-slide__content > p { font-size: 14px; line-height: 1.65; }
    .sp-smart-slide__actions { margin-top: 22px; }
    .sp-smart-btn { flex: 1 1 150px; min-height: 48px; padding: 11px 15px; }
    .sp-smart-slide__proof { display: flex; margin-top: 24px; width: 100%; }
    .sp-smart-slide__proof span { flex: 1; min-width: 0; padding: 11px; }
    .sp-smart-slide__visual { max-width: 420px; }
    .sp-smart-slide__visual-card { border-radius: 22px; transform: none; }
    .sp-smart-slide__visual-card img { aspect-ratio: 1.75 / 1; border-radius: 15px; }
    .sp-smart-slide__floating-card { display: none; }
    .sp-smart-slide__visual-badge { bottom: 20px; left: 20px; }
    .sp-smart-slider__controls { bottom: 35px; justify-content: center; }
    .sp-smart-trust__grid { border-radius: 16px; grid-template-columns: 1fr; margin-top: -18px; }
    .sp-smart-trust__grid > div { border-inline-start: 0 !important; border-top: 1px solid var(--sp-line); padding: 15px 16px; }
    .sp-smart-trust__grid > div:first-child { border-top: 0; }
    .sp-smart-catalog { padding-top: 25px; }
    .sp-catalog-section { padding: 58px 0 64px; }
    .sp-catalog-heading { align-items: flex-start; margin-bottom: 25px; }
    .sp-catalog-heading__copy { gap: 12px; grid-template-columns: auto minmax(0, 1fr); }
    .sp-catalog-heading__number { display: none; }
    .sp-catalog-heading__icon { border-radius: 14px; flex-basis: 48px; font-size: 18px; height: 48px; width: 48px; }
    .sp-catalog-heading h2 { font-size: 29px; }
    .sp-catalog-heading__copy > div > p:last-child { font-size: 12px; }
    .sp-catalog-heading__link { display: none; }
    .sp-catalog-grid { display:grid; gap:11px; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; overflow:visible; padding:0; }
    .sp-course-card { min-width:0; }
    .sp-course-card__media { aspect-ratio:1.35/1; }
    .sp-course-card__badge,.sp-course-card__featured { font-size:7px; padding:5px 7px; top:8px; }
    .sp-course-card__badge { left:8px; }.sp-course-card__featured { right:8px; }
    .sp-course-card__body { padding:11px 10px 10px; }
    .sp-course-card__category { font-size:7px; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .sp-course-card h3 { font-size:12px; line-height:1.35; margin-bottom:7px; min-height:33px; }
    .sp-course-card__body > p { display:none; }
    .sp-course-card__meta { display:grid; font-size:8px; gap:4px; margin-bottom:9px; }
    .sp-course-card__footer { align-items:flex-end; gap:4px; padding-top:9px; }
    .sp-course-card__footer strong { font-size:10px; }.sp-course-card__footer a { font-size:0; }
    .sp-course-card__footer a i { font-size:11px; margin:0; }
    .sp-course-card__test-art { font-size:36px; gap:12px; }.sp-course-card__test-art i:last-child { font-size:28px; }
    .sp-catalog-empty { flex: 0 0 calc(100vw - 28px); }
    .sp-catalog-mobile-more { display: block; }
    .skillpo-home-v4 .cta-section { margin-top: 45px; }
    .sp-premium-journey,.sp-builder-section { padding:58px 0; }
    .sp-premium-journey__panel { border-radius:22px; margin-inline:-2px; padding:30px 22px; }
    .sp-premium-journey__intro h2 { font-size:34px; }
    .sp-builder-feature-grid__items { display:flex; margin-inline:-14px; overflow-x:auto; padding:3px 14px 18px; scroll-snap-type:x mandatory; }
    .sp-builder-feature-grid__items article { flex:0 0 min(82vw,310px); scroll-snap-align:start; }
    .sp-builder-image-text__grid { grid-template-columns:1fr; }
    .sp-premium-footer { padding-top:58px; }
    .sp-premium-footer__nav { gap:25px; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sp-premium-footer__newsletter { grid-template-columns:1fr; padding:22px; }
    .sp-premium-footer__bottom { align-items:flex-start; flex-direction:column; gap:8px; }
}

@media (max-width: 479.98px) {
    .sp-smart-hero,
    .sp-smart-hero__slider,
    .sp-smart-slide { min-height: 845px; }
    .sp-smart-slide__container { min-height: 845px; padding-top: 100px; }
    .sp-smart-slide__eyebrow span { display: none; }
    .sp-smart-slide h1 { font-size: 37px; }
    .sp-smart-slide__actions { flex-direction: column; }
    .sp-smart-btn { flex-basis: auto; width: 100%; }
    .sp-smart-slide__proof strong { font-size: 16px; }
    .sp-smart-slide__proof span { font-size: 9px; }
    .sp-smart-slide__visual-card img { aspect-ratio: 1.45 / 1; }
    .sp-smart-slider__pause { display: none; }
    .sp-smart-trust__grid strong { font-size: 12px; }
    .sp-catalog-heading h2 { font-size: 26px; }
    .sp-premium-journey__steps article { grid-template-columns:40px 1fr; padding:15px; }
    .sp-premium-journey__steps article > span { height:40px; width:40px; }
    .sp-premium-footer__nav { grid-template-columns:1fr 1fr; }
    .sp-premium-footer__newsletter form { align-items:stretch; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
    .sp-smart-slide,
    .sp-course-card,
    .sp-course-card__media img,
    .sp-smart-btn { transition: none !important; }
}

[dir="rtl"] .sp-course-card__footer a:hover i { transform: translateX(-3px); }
[dir="rtl"] .sp-smart-slide__visual-card { transform: perspective(1200px) rotateY(4deg) rotateX(2deg); }
/* Homepage Builder Pro V12: flexible sections and device visibility */
.sp-builder-controlled{padding-bottom:var(--sp-admin-pb)!important;padding-top:var(--sp-admin-pt)!important}.sp-builder-controlled>.container{max-width:min(var(--sp-admin-width),calc(100% - 32px))!important}.sp-builder-feature-grid__items{grid-template-columns:repeat(var(--sp-builder-columns),minmax(0,1fr))!important}
.sp-builder-image-text__grid--image-right .sp-builder-image-text__media{order:2}.sp-builder-image-text__grid--image-top{grid-template-columns:1fr!important}.sp-builder-image-text__grid--image-top .sp-builder-image-text__media{order:-1}
.sp-smart-btn--outline{background:transparent;border:1px solid currentColor;color:inherit}.sp-smart-btn--light{background:#fff;color:#29214e}.sp-smart-btn--dark{background:#101334;color:#fff}
.sp-builder-flexible{background:var(--sp-flex-bg);color:var(--sp-flex-text);min-height:var(--sp-flex-min);padding:var(--sp-flex-top) 20px var(--sp-flex-bottom);position:relative;text-align:var(--sp-flex-align);z-index:1}.sp-builder-flexible__inner{margin:0 auto;max-width:min(var(--sp-flex-width),100%);position:relative;z-index:2}.sp-builder-flexible__heading{margin:0 auto 28px;max-width:780px}.sp-builder-flexible__heading>span{color:var(--sp-purple);display:block;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.sp-builder-flexible__heading h2{color:inherit;font-size:clamp(30px,4vw,52px);line-height:1.08;margin:0 0 14px}.sp-builder-flexible__heading p{color:inherit;font-size:17px;line-height:1.65;margin:0;opacity:.76}.sp-builder-flexible__stats{display:grid;gap:16px;grid-template-columns:repeat(var(--sp-flex-cols),minmax(0,1fr))}.sp-builder-flexible__stats article{background:rgba(255,255,255,.76);border:1px solid rgba(119,105,178,.16);border-radius:var(--sp-radius);box-shadow:0 14px 34px rgba(22,27,64,.08);padding:26px}.sp-builder-flexible__stats i{align-items:center;background:#eee9ff;border-radius:12px;color:var(--sp-purple);display:flex;font-size:22px;height:48px;justify-content:center;margin:0 auto 13px;width:48px}.sp-builder-flexible__stats strong,.sp-builder-flexible__stats span{display:block}.sp-builder-flexible__stats strong{color:inherit;font-size:32px;line-height:1}.sp-builder-flexible__stats span{font-size:14px;margin-top:8px;opacity:.72}.sp-builder-flexible__faq{display:grid;gap:12px;margin:0 auto;max-width:900px;text-align:left}.sp-builder-flexible__faq details{background:rgba(255,255,255,.82);border:1px solid rgba(109,40,217,.13);border-radius:16px;padding:0 20px}.sp-builder-flexible__faq summary{align-items:center;color:#171a3a;cursor:pointer;display:flex;font-size:16px;font-weight:800;justify-content:space-between;list-style:none;padding:19px 0}.sp-builder-flexible__faq summary i{color:var(--sp-purple);transition:.2s}.sp-builder-flexible__faq details[open] summary i{transform:rotate(45deg)}.sp-builder-flexible__faq details p{color:#666b82;line-height:1.65;margin:0;padding:0 0 20px}.sp-builder-flexible--call_to_action{background-image:linear-gradient(rgba(9,12,43,var(--sp-flex-overlay)),rgba(9,12,43,var(--sp-flex-overlay))),var(--sp-flex-image);background-position:center;background-size:cover}.sp-builder-flexible--call_to_action .sp-builder-flexible__inner{background:linear-gradient(135deg,#171b4f,#6d28d9);border-radius:calc(var(--sp-radius) + 6px);box-shadow:0 25px 70px rgba(42,26,101,.25);color:#fff;padding:clamp(35px,6vw,70px)}.sp-builder-flexible--call_to_action .sp-builder-flexible__heading{margin-bottom:24px}.sp-builder-flexible__video-grid{align-items:center;display:grid;gap:45px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.sp-builder-flexible__video-grid--left .sp-builder-flexible__video{order:-1}.sp-builder-flexible__video{background:#0e1234;border-radius:var(--sp-radius);box-shadow:0 24px 60px rgba(20,24,59,.2);overflow:hidden}.sp-builder-flexible__video iframe,.sp-builder-flexible__video img{aspect-ratio:16/9;border:0;display:block;object-fit:cover;width:100%}
@media(min-width:1200px){.sp-hide-desktop{display:none!important}}
@media(min-width:768px) and (max-width:1199px){.sp-hide-tablet{display:none!important}.sp-builder-flexible__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sp-hide-mobile{display:none!important}.sp-builder-flexible{padding-left:16px;padding-right:16px}.sp-builder-flexible__stats,.sp-builder-flexible__video-grid{grid-template-columns:1fr}.sp-builder-flexible__video{order:0!important}.sp-builder-flexible__heading h2{font-size:30px}.sp-builder-flexible--call_to_action .sp-builder-flexible__inner{padding:32px 20px}.sp-builder-flexible__stats article{padding:20px}}