.elementor-3777 .elementor-element.elementor-element-db06751{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3777 .elementor-element.elementor-element-724019c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b90c6b4 *//* ---------- Root & Palette ---------- */
#genre32-root {
  --purple: #5a00ff;
  --purple-deep: #3a068d;
  --accent: #7b5cff;
  --navy: #001733;
  --white: #ffffff;
  --muted: #6b7280;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #0b1220;
  line-height: 1.45;
}

/* ---------- Container helper ---------- */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* ---------- HERO ---------- */
.g32-hero { background: linear-gradient(130deg, var(--purple) 0%, var(--navy) 100%); color: var(--white); padding: 72px 0; }
.g32-hero-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
.g32-hero-text h1 { font-size: 34px; line-height: 1.05; margin-bottom: 12px; font-weight: 800; letter-spacing: -0.5px; }
.g32-hero-lead { color: rgba(255,255,255,0.92); margin-bottom: 18px; font-size: 16px; max-width: 560px; }
.g32-hero-ctas { display:flex; gap:12px; flex-wrap:wrap; }
.btn-primary { background: linear-gradient(90deg, #ffd24d 0%, #ffc400 100%); color:#111; padding:12px 20px; border-radius:999px; text-decoration:none; font-weight:700; box-shadow:0 8px 30px rgba(0,0,0,0.12); }
.btn-ghost { border: 2px solid rgba(255,255,255,0.18); color: rgba(255,255,255,0.95); padding:12px 18px; border-radius:999px; text-decoration:none; font-weight:700; background:transparent; }
.g32-hero-media { position: relative; display:flex; justify-content:center; }
.g32-hero-media img { width:100%; max-width:520px; border-radius:14px; box-shadow: 0 24px 60px rgba(10,12,30,0.35); transform: translateY(0); transition: transform .9s cubic-bezier(.2,.9,.3,1); }
.g32-hero-media img:hover { transform: translateY(-10px); }

/* smoke visual (decorative) */
.hero-smoke { position:absolute; inset:0; background-image: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.04), transparent 10%), radial-gradient(circle at 80% 80%, rgba(255,255,255,0.03), transparent 12%); pointer-events:none; }

/* ---------- PATHS (three program cards) ---------- */
.g32-paths { background: #f6f7ff; padding: 44px 0; }
.section-title { font-size:22px; color: var(--purple-deep); font-weight:800; margin-bottom:6px; text-align:center; }
.muted { color: var(--muted); margin-bottom:18px; text-align:center; max-width:760px; margin-left:auto; margin-right:auto; }

.paths-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:20px; margin-top:22px; align-items:stretch; }
.path-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:260px; border-radius:14px; overflow:hidden; color:var(--white); text-decoration:none; box-shadow: 0 14px 40px rgba(13,12,40,0.08); transition: transform .45s ease, box-shadow .45s ease; }
.path-card .card-media { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(0.52) saturate(1.05); transform: scale(1.02); transition: transform .7s ease, filter .45s ease; }
.path-card .card-body { position:relative; padding:20px; z-index:3; }
.path-card h3 { font-size:20px; margin:0 0 6px; font-weight:800; color: #fff; text-shadow:0 6px 24px rgba(0,0,0,0.35); }
.path-card p { color: rgba(255,255,255,0.92); margin:0; font-size:14px; }
.card-cta { display:inline-block; margin-top:12px; background: rgba(255,255,255,0.12); color:#fff; padding:8px 14px; border-radius:999px; font-weight:700; }
.path-card:hover { transform: translateY(-8px); box-shadow: 0 24px 70px rgba(10,12,40,0.14); }
.path-card:hover .card-media { transform: scale(1.06); filter: brightness(0.68) saturate(1.02); }

/* ---------- IMPACT GRID ---------- */
.g32-impact { padding: 44px 0; }
.impact-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(160px,1fr)); gap:18px; align-items:center; text-align:center; max-width:1000px; margin: 0 auto; }
.impact-card { background:#fff; border-radius:12px; padding:22px; box-shadow: 0 12px 36px rgba(8,10,30,0.06); }
.impact-number { font-size:28px; font-weight:900; color:var(--accent); display:block; margin-bottom:8px; }
.impact-label { color:var(--muted); font-weight:700; }

/* ---------- TESTIMONIALS ---------- */
.g32-testimonials { padding:44px 0; background:linear-gradient(180deg,#fff,#f8f9ff); }
.test-slider { max-width:900px; margin: 0 auto; position:relative; }
.test-slide { display:none; padding:18px 24px; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(8,10,30,0.06); }
.test-slide.active { display:block; }
.test-slide blockquote { font-size:18px; font-weight:600; color:#0b1220; margin:0 0 8px; }
.test-author { color:var(--muted); font-weight:700; font-size:14px; }

/* controls */
.test-controls { display:flex; gap:12px; justify-content:center; margin-top:12px; }
.tc { width:44px; height:44px; border-radius:50%; border:none; background:var(--purple); color:#fff; font-weight:700; cursor:pointer; box-shadow:0 8px 20px rgba(90,0,255,0.12); }

/* ---------- RESOURCES ---------- */
.g32-resources { padding:44px 0; }
.resources-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:18px; max-width:1000px; margin:0 auto; }
.resource { background:#fff; padding:18px; border-radius:12px; box-shadow:0 10px 30px rgba(8,10,30,0.05); }
.resource h4 { margin-bottom:6px; font-size:16px; color:var(--purple-deep); }
.resource p { color:var(--muted); font-size:14px; }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 992px) {
  .g32-hero-inner { grid-template-columns: 1fr; text-align:center; gap:20px; padding-bottom:18px; }
  .g32-hero-media img { max-width:70%; margin:0 auto; }
  .g32-hero-text h1 { font-size:28px; }
  .paths-grid { gap:14px; }
}
@media (max-width: 540px) {
  .g32-hero-text h1 { font-size:22px; }
  .impact-number { font-size:22px; }
  .test-slide blockquote { font-size:16px; }
}/* End custom CSS */