/*
 * redesign.css — Bold Dark Rainbow
 * Linked from all course pages and homepage.
 * Applies: animated hero gradient, dark section themes, 3D card shadows.
 */

/* ── ANIMATIONS ──────────────────────────────────── */
@keyframes heroFlow {
  0%, 100% { background-position: 0% 50% }
  50%       { background-position: 100% 50% }
}
@keyframes floatY {
  0%, 100% { transform: translateY(0) }
  50%       { transform: translateY(-8px) }
}

/* ── HERO — animated dark rainbow gradient ───────── */
.hero {
  background: linear-gradient(
    135deg,
    #0D0D0D  0%,
    #0B1A35  15%,
    #1A0533  35%,
    #0D2B1A  55%,
    #112038  75%,
    #0D0D0D  100%
  );
  background-size: 400% 400%;
  animation: heroFlow 22s ease infinite;
}
.hero-bg { display: none !important; }

/* ── CURRICULUM SECTION — deep dark teal ─────────── */
#curriculum {
  background: #071E2B !important;
}
#curriculum .slbl { color: #3DD9AC; }
#curriculum .sh2  { color: #fff; }
#curriculum .ssub { color: rgba(255,255,255,.62); }
#curriculum .pullquote {
  background: rgba(255,255,255,.06);
  border-left-color: #3DD9AC;
  color: rgba(255,255,255,.8);
}

/* Module cards on dark bg */
#curriculum .module-card {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.1);
  box-shadow: 0 2px 8px rgba(0,0,0,.15), 0 12px 32px rgba(0,0,0,.2),
              0 24px 0 -12px rgba(0,0,0,.12);
  transition: box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1);
}
#curriculum .module-card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.25), 0 24px 56px rgba(0,0,0,.3),
              0 32px 0 -10px rgba(0,0,0,.14);
  transform: translateY(-5px);
  border-color: rgba(61,217,172,.35);
}
#curriculum .module-header { background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.08); }
#curriculum .module-title  { color: #fff; }
#curriculum .module-body   { background: rgba(255,255,255,.03); }
#curriculum .module-topic  { border-top-color: rgba(255,255,255,.07); }
#curriculum .module-topic:hover { background: rgba(255,255,255,.05); }
#curriculum .topic-num  { color: #3DD9AC; }
#curriculum .topic-text { color: rgba(255,255,255,.78); }
#curriculum .bonus-strip { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }

/* ── TOOLS / TRANSFORMATION — dark teal (AI course) */
#tools, #transformation, #builds {
  background: #071E2B !important;
}
#tools .slbl, #transformation .slbl, #builds .slbl { color: #3DD9AC; }
#tools .sh2, #transformation .sh2, #builds .sh2 { color: #fff; }
#tools .ssub, #transformation .ssub, #builds .ssub { color: rgba(255,255,255,.62); }

/* ── WHO SECTION — deep dark teal ────────────────── */
#who {
  background: #071E2B !important;
}
#who .slbl { color: #3DD9AC; }
#who .sh2  { color: #fff; }
#who .ssub { color: rgba(255,255,255,.62); }
#who .why-card, #who .who-card {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.1);
}
#who .why-title, #who .who-title { color: #fff; }
#who .why-desc, #who .who-desc   { color: rgba(255,255,255,.62); }

/* ── FACULTY / TRAINER — deep midnight navy ──────── */
#faculty, #trainer, #founding {
  background: #0A1628 !important;
}
#faculty .slbl, #trainer .slbl, #founding .slbl { color: #60A5FA; }
#faculty .sh2,  #trainer .sh2,  #founding .sh2  { color: #fff; }
#faculty .ssub, #trainer .ssub, #founding .ssub  { color: rgba(255,255,255,.62); }

#faculty .fac-card, #trainer .fac-card, #founding .fac-card {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.1);
  box-shadow: 0 2px 8px rgba(0,0,0,.12), 0 10px 28px rgba(0,0,0,.18),
              0 22px 0 -12px rgba(0,0,0,.1);
  transition: box-shadow .3s cubic-bezier(.23,1,.32,1), transform .3s cubic-bezier(.23,1,.32,1), border-color .2s;
}
#faculty .fac-card:hover, #trainer .fac-card:hover, #founding .fac-card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.25), 0 24px 56px rgba(0,0,0,.3);
  transform: translateY(-6px);
  border-color: rgba(109,190,59,.45);
}
#faculty .fac-name, #trainer .fac-name, #founding .fac-name { color: #fff; }
#faculty .fac-exp,  #trainer .fac-exp,  #founding .fac-exp  { color: rgba(255,255,255,.5); }
#faculty .fac-spec, #trainer .fac-spec, #founding .fac-spec { color: rgba(255,255,255,.5); }
#faculty .fac-desc, #trainer .fac-desc, #founding .fac-desc { color: rgba(255,255,255,.5); }
#faculty .fac-des,  #trainer .fac-des,  #founding .fac-des  { color: #6DBE3B; }

/* ── TESTIMONIALS / STORIES — deep purple ─────────── */
#testimonials, #stories, #outcomes {
  background: #14082A !important;
}
#testimonials .slbl, #stories .slbl, #outcomes .slbl { color: #C084FC; }
#testimonials .sh2,  #stories .sh2,  #outcomes .sh2  { color: #fff; }
#testimonials .ssub, #stories .ssub, #outcomes .ssub  { color: rgba(255,255,255,.62); }

/* Testimonial/story cards on dark bg */
#testimonials .sc, #stories .sc {
  background: rgba(255,255,255,.055);
  border-color: rgba(255,255,255,.09);
  box-shadow: 0 2px 6px rgba(0,0,0,.12), 0 10px 28px rgba(0,0,0,.18);
  transition: box-shadow .25s, transform .25s;
}
#testimonials .sc:hover, #stories .sc:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.25), 0 20px 48px rgba(0,0,0,.25);
  transform: translateY(-4px);
  border-color: rgba(192,132,252,.3);
}
#testimonials .scname, #stories .scname,
#testimonials .sc-name, #stories .sc-name { color: #fff; }
#testimonials .scco,   #stories .scco,
#testimonials .sc-co,  #stories .sc-co   { color: rgba(255,255,255,.45); }
#testimonials .scq,    #stories .scq,
#testimonials .sc-q,   #stories .sc-q    { color: rgba(255,255,255,.78); }
#testimonials .sc-sal, #stories .sc-sal  { color: #6DBE3B; }

/* Featured story card */
#stories .sf {
  background: rgba(255,255,255,.04);
  border-color: rgba(109,190,59,.4);
}
#stories .sf:hover { box-shadow: 0 12px 40px rgba(0,0,0,.4); }
#stories .sr { background: rgba(255,255,255,.04); }
#stories .sq { color: #fff; }
#stories .sd { color: rgba(255,255,255,.55); }
#stories .sd strong { color: rgba(255,255,255,.9); }

/* Testimonial mini-cards grid */
#testimonials .sg-row { gap: 14px; }
#testimonials .sph {
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.1);
}

/* ── 3D SHADOWS — all cards sitewide ─────────────── */
.module-card {
  box-shadow: 0 2px 8px rgba(0,0,0,.07), 0 10px 28px rgba(0,0,0,.1),
              0 22px 0 -12px rgba(0,0,0,.06);
  transition: box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1);
}
.module-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.13), 0 24px 52px rgba(0,0,0,.15),
              0 30px 0 -10px rgba(0,0,0,.08);
  transform: translateY(-4px);
}

.price-card {
  box-shadow: 0 2px 8px rgba(0,0,0,.07), 0 10px 28px rgba(0,0,0,.1),
              0 22px 0 -12px rgba(0,0,0,.06);
  transition: box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1);
}
.price-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.13), 0 24px 52px rgba(0,0,0,.15);
  transform: translateY(-4px);
}

.bun-card {
  box-shadow: 0 2px 8px rgba(0,0,0,.07), 0 10px 28px rgba(0,0,0,.1);
  transition: box-shadow .25s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1);
}
.bun-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.13), 0 24px 52px rgba(0,0,0,.15);
  transform: translateY(-4px);
}

/* ── STAT INTERSTITIAL — animated gradient ──────── */
.stat-inter {
  background: linear-gradient(135deg, #0B1A35, #1A0533, #071E2B);
  background-size: 300% 300%;
  animation: heroFlow 16s ease infinite;
}

/* ── JOBS BANNER — indigo-purple ────────────────── */
.jb {
  background: linear-gradient(135deg, #0D1238 0%, #1A0533 60%, #0D1238 100%);
}