.hnhcp-elearning-page{background:#f4f1ee;color:#24272d}.hnhcp-elearning-container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.hnhcp-elearning-hero{position:relative;padding:28px 0 64px;background:linear-gradient(110deg,#fff 0%,#fff 42%,rgba(155,20,32,.045) 100%);overflow:hidden}.hnhcp-elearning-hero::after{content:"";position:absolute;right:-120px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(155,20,32,.09),transparent 66%);pointer-events:none}.hnhcp-elearning-breadcrumbs{position:relative;z-index:1;margin:0 0 30px;color:#858d98;font-size:.82rem}.hnhcp-elearning-breadcrumbs a{color:#858d98;text-decoration:none}.hnhcp-elearning-breadcrumbs a:hover{color:var(--hnhcp-red)}.hnhcp-elearning-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center}.hnhcp-elearning-hero h1{max-width:760px;margin:.15rem 0 .65rem;font-size:clamp(3.2rem,6vw,6.1rem);line-height:.94;letter-spacing:-.07em}.hnhcp-elearning-hero__lead{max-width:720px;margin:0;color:#5f6670;font-size:1.05rem;line-height:1.68}.hnhcp-elearning-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.hnhcp-elearning-primary{box-shadow:0 18px 34px rgba(155,20,32,.16)}.hnhcp-elearning-login-card{padding:30px;border:1px solid rgba(155,20,32,.13);border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(35,28,28,.08)}.hnhcp-elearning-login-card__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:22px;border-radius:18px;background:rgba(155,20,32,.09);color:var(--hnhcp-red)}.hnhcp-elearning-login-card__icon svg{width:30px;height:30px}.hnhcp-elearning-login-card h2{margin:0 0 10px;font-size:1.45rem;letter-spacing:-.035em}.hnhcp-elearning-login-card p{margin:0;color:#68717c;line-height:1.65}.hnhcp-elearning-content{padding:64px 0 86px}.hnhcp-elearning-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:60px;align-items:center;margin-bottom:28px;padding:48px 56px;border-radius:28px;background:#fff;border:1px solid rgba(31,35,40,.055);box-shadow:0 22px 54px rgba(24,20,20,.055)}.hnhcp-elearning-intro__heading{max-width:640px}.hnhcp-elearning-intro .eyebrow{margin:0 0 24px}.hnhcp-elearning-intro h2{margin:0;font-size:clamp(2.25rem,4vw,4.35rem);line-height:.98;letter-spacing:-.065em}.hnhcp-elearning-intro__copy{max-width:540px;justify-self:end;padding-left:34px;border-left:1px solid rgba(155,20,32,.14)}.hnhcp-elearning-intro__copy>p{margin:0;color:#5f6670;font-size:1.18rem;line-height:1.72}.hnhcp-elearning-intro__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.hnhcp-elearning-intro__actions span{color:#7a828d;font-size:.92rem}.hnhcp-elearning-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 32px}.hnhcp-elearning-cards article{min-height:210px;padding:28px;border:1px solid rgba(31,35,40,.06);border-radius:20px;background:#fff;box-shadow:0 16px 36px rgba(24,20,20,.04)}.hnhcp-elearning-cards span{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:28px;border-radius:50%;background:#f7e9eb;color:var(--hnhcp-red);font-weight:900;font-size:.78rem}.hnhcp-elearning-cards h3{margin:0 0 10px;font-size:1.15rem}.hnhcp-elearning-cards p{margin:0;color:#68717c;line-height:1.62}.hnhcp-elearning-cta{position:relative;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:40px 44px;border-radius:22px;background:linear-gradient(90deg,rgba(155,20,32,.98),rgba(155,20,32,.76) 48%,rgba(35,52,66,.28));color:#fff;box-shadow:0 22px 56px rgba(80,20,28,.14);overflow:hidden}.hnhcp-elearning-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 25%,rgba(255,255,255,.24),transparent 34%);pointer-events:none}.hnhcp-elearning-cta>div,.hnhcp-elearning-cta>a{position:relative;z-index:1}.hnhcp-elearning-cta h2{margin:.15rem 0 .35rem;color:#fff;font-size:clamp(2rem,3vw,3.2rem);line-height:1.03;letter-spacing:-.055em}.hnhcp-elearning-cta .eyebrow,.hnhcp-elearning-cta p{color:#fff}.hnhcp-elearning-cta p:not(.eyebrow){max-width:720px;margin:0;color:rgba(255,255,255,.86)}.hnhcp-elearning-cta .button{background:#fff;color:var(--hnhcp-red);border-color:#fff;box-shadow:none}.hnhcp-elearning-cta .button:hover{background:#f8f1f1;color:var(--hnhcp-red-dark)}@media (max-width:900px){.hnhcp-elearning-container{width:min(100% - 32px,760px)}.hnhcp-elearning-hero{padding:24px 0 46px}.hnhcp-elearning-hero__grid,.hnhcp-elearning-intro,.hnhcp-elearning-cta{grid-template-columns:1fr;gap:24px}.hnhcp-elearning-hero h1{font-size:clamp(2.75rem,14vw,4.4rem)}.hnhcp-elearning-login-card{padding:24px}.hnhcp-elearning-intro .eyebrow{margin:0 0 18px}.hnhcp-elearning-intro h2{margin:0}.hnhcp-elearning-intro__copy{max-width:none;justify-self:stretch;padding-left:0;border-left:0}.hnhcp-elearning-intro__copy>p{margin:0;font-size:1.05rem}.hnhcp-elearning-cards{grid-template-columns:1fr}.hnhcp-elearning-cta{padding:30px}}@media (max-width:520px){.hnhcp-elearning-hero__lead{font-size:.96rem}.hnhcp-elearning-actions{align-items:stretch}.hnhcp-elearning-actions .button,.hnhcp-elearning-actions .text-link,.hnhcp-elearning-intro__actions .button,.hnhcp-elearning-cta .button{width:100%;justify-content:center;text-align:center}.hnhcp-elearning-intro__actions span{width:100%;text-align:center}.hnhcp-elearning-content{padding:44px 0 62px}.hnhcp-elearning-intro,.hnhcp-elearning-cards article{padding:22px}.hnhcp-elearning-cards article{min-height:0}.hnhcp-elearning-cta{border-radius:18px}}


/* 0.5.65: remove secondary external-login card and let the hero read as one clean landing intro. */
.hnhcp-elearning-hero__grid{grid-template-columns:minmax(0,1fr) !important;gap:0 !important;}
.hnhcp-elearning-login-card{display:none !important;}
.hnhcp-elearning-hero h1{max-width:860px;}
.hnhcp-elearning-hero__lead{max-width:760px;}


/* 0.5.66: match E-learning CTA with the Education archive red-to-white gradient */
.hnhcp-elearning-cta {
  background:
    radial-gradient(circle at 88% 50%, rgba(255,255,255,.78), rgba(255,255,255,0) 34%),
    linear-gradient(105deg, #9b1420 0%, #b94353 52%, #ffffff 100%) !important;
  border: 1px solid rgba(155,20,32,.12);
}

.hnhcp-elearning-cta::after {
  background: radial-gradient(circle at 90% 25%, rgba(255,255,255,.28), transparent 35%);
}

.hnhcp-elearning-cta .button {
  border: 1px solid rgba(155,20,32,.10);
  box-shadow: 0 14px 28px rgba(24,20,20,.10);
}

@media (max-width: 900px) {
  .hnhcp-elearning-cta {
    background: linear-gradient(150deg,#9b1420 0%,#b94353 64%,#fff 100%) !important;
  }
}