/* Growth stage determination */
.growth-stage { background: #0a0f18; }

/* Page-specific touches on the shared course hero. The violet keeps the colour
   the page has always had, over the dark panel the other course heroes use. */
.gs-hero { padding-block: 104px 116px; background: radial-gradient(ellipse at 76% 45%, rgba(255, 215, 0, .12), transparent 46%), radial-gradient(at 100% 0%, rgba(96, 52, 186, .55), transparent 62%), #0d0a1c; }
.gs-hero__media::before { background: radial-gradient(circle, rgba(255, 215, 0, .16), rgba(255, 215, 0, 0) 68%); border-color: rgba(255, 215, 0, .2); }
.gs-hero .course-hero__media img { width: min(100%, 430px); filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .55)); }
.gs-hero h1 span { font-size: .42em; line-height: 1.4; }
.gs-hero .course-hero__eyebrow { border-color: rgba(255, 215, 0, .32); background: rgba(255, 215, 0, .1); color: #ffe071; }
.gs-hero .course-hero__eyebrow span { background: #ff5a5a; box-shadow: 0 0 0 4px rgba(255, 90, 90, .22); }
.gs-hero .course-hero__price strong { color: #ffd700; }

/* Did you know? */
.gs-ask { padding: 80px 24px 96px; background: #0d0a1c; color: #fff; }
.gs-ask__inner { display: grid; grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 40px; max-width: 1100px; margin-inline: auto; padding: 40px 44px 44px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 26px; background: linear-gradient(135deg, rgba(96, 52, 186, .35), rgba(255, 255, 255, .03)); }
.gs-ask__character { display: block; width: 100%; max-width: 250px; }
.gs-ask__eyebrow { margin-bottom: 10px; color: #ffd700; font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; }
.gs-ask h2 { margin-bottom: 26px; font-size: clamp(26px, 3vw, 38px); font-weight: 600; line-height: 1.15; letter-spacing: -1.2px; }
.gs-ask__list { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.gs-ask__list li { position: relative; padding: 16px 20px 16px 52px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 16px; background: rgba(255, 255, 255, .04); font-size: 17px; line-height: 1.55; }
.gs-ask__list li::before { content: ""; position: absolute; top: 21px; left: 20px; width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(145deg, #83e9d5, #39bba8); }
.gs-ask__list li::after { content: ""; position: absolute; top: 26px; left: 24px; width: 8px; height: 4px; border-left: 2px solid #0f3b3a; border-bottom: 2px solid #0f3b3a; transform: rotate(-45deg); }

@media (max-width: 767px) {
  .gs-hero { padding-block: 52px 68px; }
  .gs-hero .course-hero__media img { width: min(100%, 280px); }
  .gs-ask { padding: 48px 20px 64px; }
  .gs-ask__inner { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 26px 22px 30px; }
  .gs-ask__character { width: 160px; }
  .gs-ask__list li { padding: 14px 16px 14px 46px; font-size: 16px; }
}