/* Shared ETX title treatment inspired by the interactive timeline hero. */
:root{--etx-title-navy:#2c3e50;--etx-title-blue:#315e7e;--etx-title-teal:#2f7a78}
.page-heading,.site-title-hero,.hero-card,.course-page .course-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,var(--etx-title-navy) 0%,var(--etx-title-blue) 62%,var(--etx-title-teal) 100%);border:1px solid rgba(255,255,255,.09);border-radius:20px;box-shadow:0 18px 42px rgba(44,62,80,.16)}
.page-heading::after,.site-title-hero::after,.hero-card::after,.course-page .course-hero::after{content:"";position:absolute;width:260px;height:260px;right:-85px;bottom:-165px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 72px rgba(255,255,255,.035);pointer-events:none}
.page-heading>* , .site-title-hero>* , .hero-card>* , .course-page .course-hero>*{position:relative;z-index:1}
.page-heading{padding:30px 34px!important;border-bottom:0!important;margin-bottom:26px!important}
.page-heading h1,.site-title-hero h1,.hero-card h1,.course-page .course-hero h1{color:#fff!important}
.page-heading .eyebrow,.page-heading .page-eyebrow,.site-title-hero .eyebrow,.hero-card .eyebrow,.course-page .course-hero .eyebrow{color:#cfeaff!important}
.site-title-hero{padding:34px;margin-bottom:28px}.site-title-hero h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.site-title-hero p{max-width:72ch;margin:14px 0 0;color:rgba(255,255,255,.84);line-height:1.7}
.hero-card .hero-copy,.course-page .course-hero .hero-copy{color:rgba(255,255,255,.84)!important}.hero-card .course-meta,.course-page .course-hero .course-meta{color:rgba(255,255,255,.86)}
.hero-card .btn.primary{background:#fff!important;color:#294f3a!important;border-color:#fff!important}.hero-card .btn.soft{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
.auth-card.auth-card-accent{overflow:hidden;padding-top:0!important;border-left:0!important}.auth-card.auth-card-accent h2{margin:0 -22px 20px!important;padding:22px;color:#fff!important;background:linear-gradient(135deg,var(--etx-title-navy),var(--etx-title-blue) 65%,var(--etx-title-teal));font-size:1.65rem}
@media(max-width:760px){.page-heading,.site-title-hero,.hero-card,.course-page .course-hero{border-radius:16px}.page-heading,.site-title-hero{padding:26px 22px!important}}