/* SkillHub: light learning-platform theme */
.skillhub-page{
    padding-top:0;
    background:#f7fbfe;
    color:#466276;
}

.skillhub-page section{ background:transparent !important; }

.skillhub-page .talentlenz-overview{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    padding:72px 0;
    background:linear-gradient(135deg,#f2f8ff 0%,#fbfbff 58%,#f2f1ff 100%) !important;
}

.skillhub-page .talentlenz-overview::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:linear-gradient(rgba(59,130,246,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.10) 1px,transparent 1px);
    background-size:50px 50px;
    opacity:.45;
}

.skillhub-page .talentlenz-overview::after{
    content:"";
    position:absolute;
    z-index:-1;
    right:-150px;
    bottom:-180px;
    width:390px;
    height:390px;
    border-radius:50%;
    background:#8b5cf6;
    filter:blur(115px);
    opacity:.15;
}

.skillhub-page .overview-hero{
    padding:48px 0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
}

.skillhub-page h2,.skillhub-page h5{ color:#173866; font-weight:700; }
.skillhub-page .overview-hero h2{ max-width:850px; font-size:clamp(2rem,4vw,3.1rem); line-height:1.15; }
.skillhub-page p,.skillhub-page li{ color:#466276; line-height:1.8; }
.skillhub-page .overview-hero,.skillhub-page .objective-card,.skillhub-page .benefit-modern-card,.skillhub-page .assessment-card{ text-align:left; }
.skillhub-page .text-center,.skillhub-page .stats-box,.skillhub-page .learning-journey-card{ text-align:center; }
.skillhub-page .text-center > p{ max-width:760px; margin-left:auto; margin-right:auto; text-align:center; }

.skillhub-page .hero-label{
    display:inline-block;
    padding:8px 18px;
    border:1px solid #bdd8ff;
    border-radius:999px;
    background:#e8f1ff;
    color:#315eaa;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.skillhub-page .stats-box,.skillhub-page .objective-card,.skillhub-page .benefit-modern-card,.skillhub-page .assessment-card{
    height:100%;
    border:1px solid #d8e5f5;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(34,70,125,.07);
}

.skillhub-page .stats-box{ color:#173866; }
.skillhub-page .stat-item h3{ color:#6d4ee8; font-weight:800; }
.skillhub-page .stat-item span{ color:#466276; }
.skillhub-page .stats-box hr{ border-color:#dbe6f4; opacity:1; }

.skillhub-page .objective-card:hover,.skillhub-page .benefit-modern-card:hover,.skillhub-page .assessment-card:hover{
    transform:translateY(-7px);
    border-color:#a993f3;
    box-shadow:0 18px 35px rgba(52,74,150,.13);
}

.skillhub-page .icon-circle,.skillhub-page .assessment-icon{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
    border-radius:16px;
    background:linear-gradient(135deg,#4f8df7,#8b5cf6);
    color:#fff;
    font-size:1.45rem;
}
.skillhub-page .assessment-icon i{ color:#fff; }
.skillhub-page .benefit-modern-card ul{ margin:0; padding-left:1.15rem; }
.skillhub-page .benefit-modern-card li+li{ margin-top:.55rem; }

.skillhub-page .skillhub-product-view{ padding:76px 0; background:#fff !important; }
.skillhub-page .product-eyebrow{ color:#6d4ee8; font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.skillhub-page .product-view-copy h2{ font-size:clamp(1.9rem,3vw,2.7rem); }
.skillhub-page .skillhub-checklist{ display:grid; gap:14px; margin:28px 0 0; padding:0; list-style:none; }
.skillhub-page .skillhub-checklist li{ display:flex; gap:12px; align-items:flex-start; }
.skillhub-page .skillhub-checklist i{ color:#6d4ee8; font-size:1.15rem; }
.skillhub-page .skillhub-product-image{ width:100%; border:1px solid #d8e5f5; border-radius:22px; box-shadow:0 20px 46px rgba(34,70,125,.13); animation:skillhub-reveal .8s ease-out both; }

@keyframes skillhub-reveal{
    from{ opacity:0; transform:translateY(22px) scale(.98); }
    to{ opacity:1; transform:translateY(0) scale(1); }
}

.skillhub-page .skillhub-journey-section{ padding:76px 0; background:#f2f6ff !important; }
.skillhub-page .journey-intro{ max-width:720px; margin:0 auto 44px; text-align:center; }
.skillhub-page .journey-eyebrow{ color:#6d4ee8; font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.skillhub-page .learning-journey{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; position:relative; }
.skillhub-page .learning-journey::before{ content:""; position:absolute; top:39px; left:10%; width:80%; height:2px; background:linear-gradient(90deg,#4f8df7,#8b5cf6); }
.skillhub-page .learning-journey-card{ position:relative; z-index:1; min-height:220px; padding:18px; border:1px solid #d8e5f5; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(34,70,125,.07); }
.skillhub-page .learning-journey-icon{ display:flex; width:78px; height:78px; align-items:center; justify-content:center; margin:0 auto 18px; border:5px solid #f2f6ff; border-radius:50%; background:linear-gradient(135deg,#4f8df7,#8b5cf6); color:#fff; font-size:1.75rem; }
.skillhub-page .learning-journey-card h5{ font-size:1rem; }
.skillhub-page .learning-journey-card p{ font-size:.92rem; line-height:1.65; }

.skillhub-page .skillhub-audience-card{
    display:flex;
    min-height:126px;
    align-items:center;
    justify-content:center;
    padding:24px;
    border:1px solid #d8e5f5;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#f7f9ff);
    color:#173866;
    font-weight:700;
    text-align:center;
    box-shadow:0 10px 28px rgba(34,70,125,.06);
    transition:.3s ease;
}

.skillhub-page .skillhub-audience-card:hover{
    transform:translateY(-7px);
    border-color:#a993f3;
    box-shadow:0 18px 35px rgba(52,74,150,.13);
}

@media(max-width:991px){
    .skillhub-page .overview-hero{ padding:34px 26px; }
    .skillhub-page .stats-box{ margin-top:28px; }
    .skillhub-page .learning-journey{ grid-template-columns:1fr; max-width:520px; margin:0 auto; }
    .skillhub-page .learning-journey::before{ top:36px; bottom:36px; left:50%; width:2px; height:auto; }
    .skillhub-page .learning-journey-card{ min-height:auto; }
}

@media(prefers-reduced-motion:reduce){
    .skillhub-page .skillhub-product-image{ animation:none; }
}