/* ---------------------------------------------
   Young Entrepreneurs - Dark / Red Theme Styles
   --------------------------------------------- */

/* ---------- ROOT VARIABLES ---------- */
:root {
  --bg:#0b0b0d;
  --panel:#121216;
  --card:#0f0f14;
  --text:#e5e7eb;
  --muted:#9aa0a6;
  --border:#1f1f27;
  --red:#ff3b3b;
  --red2:#ff5151;
  --green:#10b981;
  --amber:#f59e0b;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.55);
}

/* ---------- BASE ELEMENTS ---------- */
*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--bg);
  color:var(--text);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  line-height:1.6;
}
img{max-width:100%;display:block;border-radius:10px}
a{color:#cbd5ff;text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:18px}
.muted{color:var(--muted)}
.small{font-size:13px}

/* ---------- BUTTONS ---------- */
.btn{
  border:1px solid transparent;
  background:transparent;
  color:var(--text);
  padding:10px 14px;
  font-weight:700;
  border-radius:10px;
  cursor:pointer;
  transition:.25s all;
}
.btn:hover{opacity:.85}
.btn.pill{border-radius:999px}
.btn.primary{
  background:linear-gradient(180deg,var(--red2),var(--red));
  color:#fff;
}
.btn.ghost{
  border:1px solid var(--border);
  background:rgba(255,255,255,.02);
}
.btn.tiny{padding:6px 10px;font-size:13px}

/* ---------- BADGES ---------- */
.badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;font-size:12px;
  border:1px solid var(--border);
  background:#13131a;
}
.badge.success{color:#86efac;border-color:#214b2e;background:rgba(16,185,129,.08)}
.badge.warn{color:#fbbf24;border-color:#5a440d;background:rgba(245,158,11,.08)}
.badge.neutral{color:#a5b4fc;border-color:#2a2a45;background:rgba(199,210,254,.08)}
.badge.danger{color:#fecaca;border-color:#3b1313;background:rgba(239,68,68,.08)}

/* ---------- HEADER / NAV ---------- */
.topbar{
  position:sticky;top:0;z-index:20;
  background:rgba(10,10,12,.82);
  backdrop-filter:saturate(120%) blur(6px);
  border-bottom:1px solid var(--border);
}
.nav{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;color:#fff}
.logo{
  width:42px;height:42px;border-radius:10px;
  display:grid;place-items:center;
  background:#111;border:1px solid #3b3b3b;
  color:var(--red);font-weight:900;
}
.links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.links a{color:#cbd5e1;font-weight:600}

/* ---------- HERO ---------- */
.hero{
  display:grid;grid-template-columns:1.2fr .8fr;
  gap:26px;align-items:center;padding:40px 0;position:relative;
}
@media (max-width:980px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:clamp(28px,5vw,56px);line-height:1.05;margin:0 0 10px}
.hero p{margin:0 0 16px;color:var(--muted)}
.radial{
  position:absolute;left:-120px;top:-120px;
  width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,59,59,.55), rgba(255,59,59,0) 60%);
  filter:blur(18px);opacity:.65;pointer-events:none;
}

/* ---------- SECTIONS & CARDS ---------- */
.panel{
  background:linear-gradient(180deg,#121216,#0f0f14);
  border:1px solid var(--border);
  border-radius:16px;padding:16px;
  box-shadow:var(--shadow);
}
.card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:14px;
  margin-bottom:1rem;
}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
@media (max-width:980px){.features{grid-template-columns:1fr}}
.feature{
  border:1px solid var(--border);
  border-radius:14px;
  padding:14px;
  background:linear-gradient(180deg,#101015,#0b0b0f);
}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-4{grid-template-columns:1fr}}
.course-card .media{
  height:110px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#15151d;
  display:grid;place-items:center;
  color:#fff;font-weight:800;
}
.cta-row{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- TABLES ---------- */
.table{width:100%;border-collapse:separate;border-spacing:0 8px}
.table th,.table td{padding:10px 12px;text-align:left}
.table tr{background:#0f0f14;border:1px solid var(--border)}
.table tr td:first-child,.table tr th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.table tr td:last-child,.table tr th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}

/* ---------- FOOTER ---------- */
.sitefoot{
  border-top:1px solid var(--border);
  margin-top:28px;padding:18px 0;
  color:var(--muted);
  font-size:14px;
}

/* ---------- DASHBOARD LAYOUT ---------- */
.layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
@media (max-width:960px){.layout{grid-template-columns:1fr}}
.sidebar{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:16px;
}
.user{display:flex;gap:12px;margin-bottom:12px;align-items:center}
.avatar{
  width:44px;height:44px;border-radius:999px;
  background:#16161b;border:1px solid var(--border);
  display:grid;place-items:center;
  font-weight:800;color:#fff;
}
.menu a{
  display:block;padding:10px 12px;
  border-radius:12px;color:#cbd5e1;
  margin:4px 0;border:1px solid transparent;
}
.menu a:hover{border-color:#2a2a35;background:#12121a}
.menu a.active{
  background:linear-gradient(180deg,rgba(255,59,59,.18),rgba(255,59,59,.06));
  border-color:#2a2a35;
}

/* ---------- KPIS & COURSES ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:960px){.kpis{grid-template-columns:repeat(2,1fr)}}
.course-list{display:grid;gap:10px}
.course-row{
  display:grid;grid-template-columns:80px 1fr auto;
  gap:12px;align-items:center;
  border:1px solid var(--border);
  border-radius:12px;padding:12px;
  background:linear-gradient(180deg,#0f0f14,#0c0c12);
}
.thumb{
  width:80px;height:56px;border-radius:10px;
  border:1px solid var(--border);
  display:grid;place-items:center;
  background:#15151d;color:#fff;font-weight:800;
}
.progress{
  height:10px;background:#191922;border-radius:999px;
  overflow:hidden;margin-top:6px;
}
.progress>span{
  display:block;height:100%;
  background:linear-gradient(90deg,var(--red2),var(--red));
}

/* ---------- FORMS ---------- */
label{display:grid;gap:6px;font-weight:600}
.input{
  width:100%;padding:12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#101018;
  color:var(--text);
}
.form{display:grid;gap:12px}

/* ---------- MODALS ---------- */
.modal{
  position:fixed;inset:0;display:none;
  align-items:center;justify-content:center;
  background:rgba(0,0,0,.6);padding:16px;
}
.dialog{
  max-width:520px;width:100%;
  background:#111116;border:1px solid var(--border);
  border-radius:16px;padding:18px;
  box-shadow:var(--shadow);
}
.modal-actions{display:flex;gap:10px;margin-top:10px}

/* ---------- TUTOR LMS INTEGRATION (LIGHT VERSION) ---------- */

/* General containers */
.tutor-container, 
.tutor-card, 
.tutor-course-card,
.tutor-dashboard {
  background: #ffffff !important;         /* White background */
  border: 1px solid #e5e7eb !important;   /* Light gray borders */
  color: #111827 !important;              /* Dark text */
}

/* Course titles and text */
.tutor-course-card .tutor-course-title a,
.tutor-course-single-content-title,
.tutor-course-single-content .tutor-lead-info-text {
  color: #111827 !important;
}

/* Buttons */
.tutor-btn, 
.tutor-btn-primary {
  background: linear-gradient(180deg,#ef4444,#dc2626) !important; /* Red gradient */
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
}

/* Pagination / links */
.tutor-pagination-wrap a,
.tutor-pagination-wrap span {
  color: #111827 !important;
  border-color: #e5e7eb !important;
  background: #f9fafb !important;
}

/* Course cards and boxes */
.tutor-course-card .tutor-course-thumbnail img {
  border-radius: 8px;
}

.tutor-course-loop-title h2 {
  color: #111827 !important;
}

/* Dashboard sections */
.tutor-dashboard-content {
  background: #ffffff !important;
  color: #111827 !important;
}

/* Sidebar */
.tutor-dashboard-menu {
  background: #f9fafb !important;
  border-right: 1px solid #e5e7eb !important;
}

/* ---------- RESPONSIVE HELPERS ---------- */
@media(max-width:768px){
  .container{padding:12px}
  .topbar .links{flex-wrap:wrap;gap:10px}
}

/* =========================
   HEADER / NAV STYLING
   ========================= */

.topbar {
  background:#020617;
  border-bottom:1px solid #111827;
}

.topbar .container.nav {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0.75rem 1rem;
  position:relative;
}

/* Brand */
.brand {
  display:flex;
  align-items:center;
  gap:0.35rem;
  text-decoration:none;
  color:#f9fafb;
  font-weight:600;
}

.brand .logo {
  width:26px;
  height:26px;
  border-radius:999px;
  background:#ef4444;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.75rem;
  font-weight:700;
  color:#ffffff;
}

/* Links wrapper */
.topbar .links {
  display:flex;
  align-items:center;
  gap:1.25rem;
}

/* Primary + member menus share same base style */
.primary-menu,
.member-menu {
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  align-items:center;
  gap:1.25rem;
}

.primary-menu li,
.member-menu li {
  margin:0;
  padding:0;
  list-style:none;
}

.primary-menu a,
.member-menu a {
  text-decoration:none;
  font-size:0.9rem;
  color:#e5e7eb;
}

.primary-menu a:hover,
.member-menu a:hover {
  color:#ffffff;
}

/* Optional: highlight active member menu item */
.member-menu .current-menu-item > a,
.member-menu .current_page_item > a {
  border-radius:999px;
  padding:0.25rem 0.75rem;
  background:#111827;
  border:1px solid #1f2937;
}

/* Header button (only on guest view) */
.topbar .btn.pill.primary {
  border-radius:999px;
  padding:0.35rem 1rem;
  font-size:0.85rem;
  text-decoration:none;
  border:none;
  background:#ef4444;
  color:#ffffff;
}

/* ========== Mobile hamburger ========== */

.nav-toggle {
  display:none;
  position:relative;
  width:34px;
  height:28px;
  border:none;
  padding:0;
  background:transparent;
  cursor:pointer;
}

.nav-toggle span {
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:#f9fafb;
  border-radius:999px;
  transition:transform .2s ease, opacity .2s ease, top .2s ease, bottom .2s ease;
}

.nav-toggle span:nth-child(1) { top:6px; }
.nav-toggle span:nth-child(2) { top:13px; }
.nav-toggle span:nth-child(3) { bottom:6px; }

/* X state */
.nav-toggle[aria-expanded="true"] span:nth-child(1) {
  top:13px;
  transform:rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity:0;
}
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
  bottom:auto;
  top:13px;
  transform:rotate(-45deg);
}

/* ========== Mobile layout rules ========== */
@media (max-width:768px) {
  .nav-toggle {
    display:block;
  }

  .topbar .links {
    position:absolute;
    top:56px; /* just below header row */
    right:0;
    left:0;
    background:#020617;
    border-top:1px solid #111827;
    border-bottom:1px solid #111827;
    padding:0.75rem 1rem 1rem;
    flex-direction:column;
    align-items:flex-start;
    gap:0.75rem;
    display:none; /* closed by default */
    z-index:50;
  }

  /* ✅ Show menu whenever body.nav-open is true */
  body.nav-open .topbar .links {
    display:flex;
  }

  .primary-menu,
  .member-menu {
    flex-direction:column;
    gap:0.5rem;
  }

  .topbar .btn.pill.primary {
    width:100%;
    text-align:center;
    justify-content:center;
  }
}

/* ===========================
   FRONT PAGE LAYOUT (YE)
   =========================== */

.ye-landing {
  background:#02020a;
  color:#f9fafb;
}

/* 1) HERO */
.ye-hero {
  padding:130px 0 90px;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,80,80,0.55), transparent 55%),
    radial-gradient(circle at 80% 80%, rgba(255,80,160,0.35), transparent 55%),
    #000000;
}
.ye-hero-inner {
  max-width:1100px;
}
.ye-hero-copy h1 {
  font-size:3.2rem;
  line-height:1.05;
  letter-spacing:-0.03em;
  margin:0 0 1rem;
}
@media (max-width:768px){
  .ye-hero-copy h1 { font-size:2.4rem; }
}
.ye-hero-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0.2rem 0.9rem;
  border-radius:999px;
  border:1px solid rgba(255,80,80,0.9);
  font-size:0.75rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#ff5050;
  margin-bottom:0.75rem;
}
.ye-hero-sub {
  max-width:520px;
  font-size:0.95rem;
  color:#d1d5db;
}
.ye-hero-actions {
  margin-top:1.8rem;
}

/* shared section CTA (stops overlap) */
.ye-section-actions {
  margin-top:1.2rem;
}

/* 2) TRUST THE PROCESS */
.ye-process {
  padding:90px 0 80px;
  background:#000000;
}
.ye-section-title {
  font-size:2rem;
  font-weight:700;
  margin-bottom:2.2rem;
}
.ye-section-title.center {
  text-align:center;
}
.ye-process-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2rem;
}
@media (max-width:900px){
  .ye-process-grid { grid-template-columns:1fr; text-align:center; }
}
.ye-process-step {
  padding:1.5rem 1.25rem 1.7rem;
  border-radius:18px;
  background:#050814;
  border:1px solid #111827;
  box-shadow:0 18px 45px rgba(0,0,0,0.6);
}
.ye-process-icon {
  width:86px;
  height:86px;
  border-radius:50%;
  margin:0 auto 0.85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 30% 0, #ff5050, #7f1d1d);
}
.ye-process-icon img {
  max-width:72px;
  height:auto;
}
.ye-process-step h3 {
  margin:0 0 0.35rem;
  font-size:1.05rem;
}
.ye-process-step p {
  font-size:0.9rem;
  color:#d1d5db;
}

/* 3) DAY TRADING MADE SIMPLE */
.ye-simple {
  padding:100px 0 90px;
  background:
    radial-gradient(circle at 10% 90%, rgba(255,80,80,0.3), transparent 55%),
    #05010b;
}
.ye-simple-grid {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:3rem;
  align-items:center;
}
@media (max-width:900px){
  .ye-simple-grid {
    grid-template-columns:1fr;
  }
}
.ye-simple-copy h2 {
  font-size:2.2rem;
  margin:0 0 0.7rem;
}
.ye-simple-copy h2 span {
  color:#ff5050;
}
.ye-simple-copy p {
  font-size:0.95rem;
  color:#e5e7eb;
  max-width:540px;
  margin-bottom:0.75rem;
}
.ye-simple-copy p:last-of-type {
  margin-bottom:1rem;
}
.ye-simple-video .ye-video-frame {
  border-radius:24px;
  overflow:hidden;
  border:1px solid #111827;
  background:#000;
  box-shadow:0 20px 50px rgba(0,0,0,0.7);
}
.ye-simple-video iframe {
  display:block;
  width:100%;
  height:315px;
}
@media (max-width:768px){
  .ye-simple-video iframe { height:220px; }
}

/* 4) START LEARNING & EARNING */
.ye-learning {
  padding:100px 0 95px;
  background:#000000;
}

.ye-learning-layout {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:3rem;
  align-items:flex-start;
}
@media (max-width:1050px){
  .ye-learning-layout {
    grid-template-columns:1fr;
  }
}

/* Left side copy */
.ye-learning-header h2 {
  font-size:2.4rem;
  margin:0 0 0.7rem;
}

.ye-learning-lead {
  max-width:480px;
  font-size:0.98rem;
  color:#d1d5db;
  margin-top:0.2rem;
  margin-bottom:0.9rem;
}

.ye-learning-pill {
  margin-bottom:0.9rem;
}

/* Highlight chips under intro */
.ye-learning-highlights {
  list-style:none;
  padding:0;
  margin:0.5rem 0 1.2rem;
  display:flex;
  flex-wrap:wrap;
  gap:0.6rem;
}
.ye-learning-highlights li {
  font-size:0.85rem;
  color:#e5e7eb;
  padding:0.25rem 0.8rem;
  border-radius:999px;
  border:1px solid #111827;
  background:#050814;
  white-space:nowrap;
}

/* Right side grid of cards */
.ye-learning-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
}
@media (max-width:700px){
  .ye-learning-grid {
    grid-template-columns:1fr;
  }
}

.ye-learning-card {
  position:relative;
  background:#050814;
  border-radius:18px;
  padding:1.35rem 1.2rem 1.5rem;
  border:1px solid #111827;
  box-shadow:0 18px 45px rgba(0,0,0,0.55);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

/* small “Pillar 01” label + title row */
.ye-learning-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:0.45rem;
  gap:0.75rem;
}

.ye-learning-tag {
  font-size:0.7rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  padding:0.15rem 0.6rem;
  border-radius:999px;
  border:1px solid rgba(248,113,113,0.7);
  color:#fecaca;
  background:rgba(127,29,29,0.45);
}

.ye-learning-card h3 {
  margin:0;
  font-size:1.05rem;
}

.ye-learning-card p {
  margin-top:0.45rem;
  font-size:0.9rem;
  color:#d4d4d4;
}

/* Hover pop */
.ye-learning-card:hover {
  transform:translateY(-6px);
  border-color:rgba(255,60,90,0.9);
  box-shadow:0 26px 60px rgba(0,0,0,0.9);
}

/* 5) BUSINESS / INVESTING PRODUCTS */
.ye-products {
  padding:100px 0 100px;
  background:#02010a;
}

.ye-product-row {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);
  gap:3rem;
  align-items:center;
  margin-bottom:80px;
}
.ye-product-row:last-child {
  margin-bottom:0;
}
.ye-product-row-reverse {
  grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr);
}

@media (max-width:960px){
  .ye-product-row,
  .ye-product-row-reverse {
    grid-template-columns:1fr;
  }
}

/* Media side */
.ye-product-media {
  position:relative;
}

.ye-product-copy .ye-product-tag,
.ye-product-tag {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(148,163,184,0.7);
  padding:0.22rem 0.9rem;
  font-size:0.75rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#e5e7eb;
  margin-bottom:0.9rem;
  background:rgba(15,23,42,0.9);
  backdrop-filter:blur(4px);
}

/* Product “screen” */
.ye-product-media .ye-product-img {
  border-radius:26px;
  min-height:260px;
  background:#050814;
  border:1px solid #111827;
  box-shadow:0 22px 55px rgba(0,0,0,0.8);
  position:relative;
  overflow:hidden;
  transform:translateY(0);
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

/* Copy Trader – red glow, black center */
.placeholder-copytrader {
  background:
    radial-gradient(circle at 15% 20%, rgba(255,40,40,0.7), transparent 65%),
    radial-gradient(circle at 85% 80%, rgba(255,40,40,0.5), transparent 70%),
    #050814;
}

/* Journal – red but slightly softer variation */
.placeholder-journal {
  background:
    radial-gradient(circle at 80% 20%, rgba(255,40,40,0.7), transparent 65%),
    radial-gradient(circle at 20% 80%, rgba(255,60,80,0.45), transparent 70%),
    #050814;
}

/* Text side */
.ye-product-copy h2 {
  font-size:2rem;
  margin:0 0 0.7rem;
}

.ye-product-lead {
  font-size:0.98rem;
  color:#e5e7eb;
  max-width:540px;
  margin-bottom:0.8rem;
}

/* Bullet list */
.ye-product-points {
  list-style:none;
  padding:0;
  margin:0 0 1rem;
}
.ye-product-points li {
  position:relative;
  padding-left:1.1rem;
  font-size:0.9rem;
  color:#d1d5db;
  margin-bottom:0.3rem;
}
.ye-product-points li::before {
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#ff4a4a;
}

/* Chips under list */
.ye-product-meta {
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-bottom:1.1rem;
}

.ye-chip {
  font-size:0.8rem;
  padding:0.25rem 0.8rem;
  border-radius:999px;
  border:1px solid rgba(248,113,113,0.6);
  color:#fecaca;
  background:rgba(127,29,29,0.4);
}

/* CTA spacing */
.ye-product-actions {
  margin-top:0.4rem;
}

/* Hover – cards pop slightly */
.ye-product-row:hover .ye-product-img {
  transform:translateY(-6px);
  border-color:rgba(255,60,90,0.9);
  box-shadow:0 28px 70px rgba(0,0,0,0.95);
}

/* 6) REVIEWS / TESTIMONIALS */
.ye-reviews {
  padding:100px 0 110px;
  background:#000000;
}
.ye-reviews-header {
  text-align:center;
  max-width:720px;
  margin:0 auto 2.5rem;
}
.ye-reviews-header h2 {
  font-size:2rem;
  margin:0.4rem 0 0.7rem;
}
.ye-reviews-header p {
  font-size:0.95rem;
  color:#d1d5db;
}
.ye-reviews-pill {
  margin-bottom:0.4rem;
}
.ye-reviews-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.5rem;
}
@media (max-width:1024px){
  .ye-reviews-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:700px){
  .ye-reviews-grid {
    grid-template-columns:1fr;
  }
}
.ye-review-card {
  background:#050814;
  border-radius:18px;
  padding:1.4rem 1.3rem 1.5rem;
  border:1px solid #111827;
  box-shadow:0 20px 50px rgba(0,0,0,0.6);
}
.ye-review-stars {
  color:#ffbf47;
  font-size:0.9rem;
  letter-spacing:0.15em;
  margin-bottom:0.6rem;
}
.ye-review-text {
  font-size:0.9rem;
  color:#e5e7eb;
  margin-bottom:0.8rem;
}
.ye-review-meta {
  font-size:0.8rem;
}
.ye-review-name {
  font-weight:600;
}
.ye-review-role {
  color:#9ca3af;
}

/* =====================================================
   GLOBAL TYPOGRAPHY UPGRADE FOR YOUNG ENTREPRENEURS
   ===================================================== */

/* Body text size */
body {
  font-size: 18px !important;        /* was ~14–16px */
  line-height: 1.65 !important;      /* easier to read */
}

/* Paragraphs */
p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin-bottom: 1.25rem;
}

/* Section headers H1–H4 */
h1 {
  font-size: 3.1rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

h2 {
  font-size: 2.7rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

h3 {
  font-size: 1.65rem !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

h4 {
  font-size: 1.35rem !important;
  font-weight: 600 !important;
}

/* Cards, list items, misc text */
.ye-learning-card p,
.ye-stats-item p,
.ye-card p,
li {
  font-size: 17px !important;
  line-height: 1.65 !important;
}

/* Buttons */
.btn,
button,
input[type=submit] {
  font-size: 17px !important;
  font-weight: 600 !important;
}

/* Navigation menu */
.topbar .links a {
  font-size: 18px !important;
  font-weight: 500 !important;
}

/* Tutor LMS dashboard fonts */
.tutor-option-field,
.tutor-dashboard-content h3,
.tutor-dashboard-content p,
.tutor-dashboard-menu a {
  font-size: 18px !important;
}

/* Section spacing improvement */
section {
  padding-top: 12px !important;
  padding-bottom: 110px !important;
}

/* =====================================================
   UPDATED HERO (Option 1 + Option 5 COMBINED)
   ===================================================== */

.ye-hero {
  width: 100%;
  padding: 170px 20px 130px !important;
  background: #020617;
  position: relative;
  text-align: center;
  overflow: hidden;
}

/* Subtle glowing red background rings */
.ye-hero::before,
.ye-hero::after {
  content: "";
  position: absolute;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: 0.4;
  pointer-events: none;
}

.ye-hero::before {
  top: -280px;
  left: -180px;
  background: radial-gradient(circle, rgba(255,70,70,0.45), rgba(0,0,0,0));
}

.ye-hero::after {
  bottom: -260px;
  right: -180px;
  background: radial-gradient(circle, rgba(255,100,160,0.35), rgba(0,0,0,0));
}

.ye-hero-inner {
  position: relative;
  z-index: 5;
  max-width: 1000px;
  margin: 0 auto;
}

/* New hero title */
.ye-hero-title {
  font-size: 3.4rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #ffffff;
  margin-bottom: 20px;
}

.ye-hero-title span {
  color: #ff4a4a;
}

/* Subheadline */
.ye-hero-sub {
  font-size: 1.25rem !important;
  color: #d4d4d6;
  max-width: 760px;
  margin: 0 auto 35px;
}

/* Main CTA */
.ye-btn-primary {
  display: inline-block;
  padding: 16px 48px;
  background: linear-gradient(135deg, #ff4a4a, #e02626);
  color: #ffffff !important;
  font-size: 1.1rem !important;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.25s ease;
  box-shadow: 0 12px 35px rgba(255,50,50,0.25);
}

.ye-btn-primary:hover {
  opacity: 0.9;
  transform: translateY(-3px);
}

/* “Stats” row under hero button */
.ye-hero-stats {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
  color: #e5e7eb;
  font-size: 0.95rem;
  opacity: 0.85;
}

.ye-hero-stats div {
  padding: 6px 18px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  backdrop-filter: blur(4px);
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .ye-hero {
    padding: 125px 20px 100px !important;
  }

  .ye-hero-title {
    font-size: 2.45rem !important;
  }

  .ye-hero-sub {
    font-size: 1.05rem !important;
  }

  .ye-hero-stats {
    gap: 12px;
  }
}

/* =====================================================
   RED POP + ANIMATED PROCESS CARDS
   ===================================================== */

/* Stronger, punchier hero reds */
.ye-hero {
  background:
    radial-gradient(circle at 20% 10%, rgba(255,30,70,0.75), transparent 60%),
    radial-gradient(circle at 80% 80%, rgba(255,80,180,0.55), transparent 60%),
    #000000 !important;
}

.ye-hero::before {
  background: radial-gradient(circle, rgba(255,35,70,0.65), rgba(0,0,0,0));
  opacity: 0.6;
}

.ye-hero::after {
  background: radial-gradient(circle, rgba(255,80,180,0.5), rgba(0,0,0,0));
  opacity: 0.6;
}

/* Pill + button more vivid */
.ye-hero-pill {
  border-color: rgba(255,50,80,1) !important;
  color: #ff3b5f !important;
}

.ye-btn-primary {
  background: linear-gradient(135deg, #ff2147, #e0002a) !important;
  box-shadow: 0 16px 40px rgba(255,30,70,0.4) !important;
}

/* On hover, really pop */
.ye-btn-primary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 22px 55px rgba(255,30,70,0.55);
}

/* Hero stats a bit brighter */
.ye-hero-stats div {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.16) !important;
}

/* =====================================================
   TRUST THE PROCESS – POP-IN ANIMATION
   ===================================================== */

/* Base state for cards: slightly lowered and faded */
.ye-process-step {
  opacity: 0;
  transform: translateY(20px) scale(0.96);
  animation: yePopCard 0.7s ease-out forwards;
}

/* Staggered timing (one at a time) */
.ye-process-step:nth-child(1) {
  animation-delay: 0.15s;
}
.ye-process-step:nth-child(2) {
  animation-delay: 0.35s;
}
.ye-process-step:nth-child(3) {
  animation-delay: 0.55s;
}

/* Headings animate to red as they pop */
.ye-process-step h3 {
  color: #f9fafb;
  animation: yeTitleRed 0.7s ease-out forwards;
}

/* Match heading delays to card delays */
.ye-process-step:nth-child(1) h3 {
  animation-delay: 0.25s;
}
.ye-process-step:nth-child(2) h3 {
  animation-delay: 0.45s;
}
.ye-process-step:nth-child(3) h3 {
  animation-delay: 0.65s;
}

/* Pop animation for cards */
@keyframes yePopCard {
  0% {
    opacity: 0;
    transform: translateY(26px) scale(0.94);
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  }
  60% {
    opacity: 1;
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 22px 55px rgba(0,0,0,0.75);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    box-shadow: 0 18px 45px rgba(0,0,0,0.65);
  }
}

/* Text color animation (to red) */
@keyframes yeTitleRed {
  0% {
    color: #f9fafb;
  }
  60% {
    color: #ff4a4a;
  }
  100% {
    color: #ff3b5f;
  }
}

/* Hover state: extra pop + red text */
.ye-process-step:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 26px 60px rgba(0,0,0,0.85);
  border-color: rgba(255,60,90,0.85);
}

.ye-process-step:hover h3 {
  color: #ff3b5f !important;
}

/* =====================================================
   HERO RED REFINEMENT — REMOVE PURPLE, ADD BLACK CENTER
   ===================================================== */

.ye-hero {
  background:
    /* Left red glow */
    radial-gradient(
      circle at 15% 20%, 
      rgba(255,40,40,0.55), 
      rgba(0,0,0,0) 65%
    ),
    /* Right red glow (NO purple) */
    radial-gradient(
      circle at 85% 80%, 
      rgba(255,40,40,0.45), 
      rgba(0,0,0,0) 70%
    ),
    /* Strong black base */
    #000000 !important;
}

/* Remove any leftover purple tint from ::before / ::after */
.ye-hero::before,
.ye-hero::after {
  background: radial-gradient(circle, rgba(255,40,40,0.6), transparent);
  opacity: 0.55;
}

/* Position tweaks to make center darker */
.ye-hero::before {
  top: -260px;
  left: -180px;
}

.ye-hero::after {
  bottom: -240px;
  right: -160px;
}

/* ===========================================
   ALL COURSES PAGE – LAYOUT & STYLING
   =========================================== */

.ye-courses-page {
  background:#02020a;
}

/* Hero */
.ye-courses-hero {
  padding:140px 0 90px;
  background:
    radial-gradient(circle at 10% 15%, rgba(255,40,40,0.55), transparent 60%),
    radial-gradient(circle at 90% 85%, rgba(255,40,40,0.45), transparent 60%),
    #000000;
  text-align:center;
  position:relative;
  overflow:hidden;
}

.ye-courses-hero-inner {
  max-width:900px;
  margin:0 auto;
}

.ye-courses-title {
  font-size:3rem;
  line-height:1.15;
  letter-spacing:-0.03em;
  margin:0 0 1rem;
}

.ye-courses-sub {
  max-width:680px;
  margin:0 auto;
  font-size:1.05rem;
  color:#d1d5db;
}

/* Programs section */

.ye-courses-programs {
  padding:80px 0 40px;
  background:#000000;
}

.ye-courses-programs-header {
  max-width:650px;
  margin:0 auto 2.5rem;
  text-align:center;
}

.ye-courses-programs-header h2 {
  font-size:2.2rem;
  margin-bottom:0.5rem;
}

.ye-courses-programs-header p {
  font-size:0.98rem;
  color:#d1d5db;
}

/* Program grid + cards */

.ye-courses-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.8rem;
}

@media (max-width:1100px) {
  .ye-courses-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:780px) {
  .ye-courses-grid {
    grid-template-columns:1fr;
  }
}

.ye-course-card {
  background:#050814;
  border-radius:20px;
  padding:1.5rem 1.4rem 1.6rem;
  border:1px solid #111827;
  box-shadow:0 20px 50px rgba(0,0,0,0.7);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}

.ye-course-card::before {
  content:"";
  position:absolute;
  inset:auto -40px -120px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,40,40,0.25), transparent 70%);
  opacity:0.8;
  pointer-events:none;
}

.ye-course-card-top {
  position:relative;
  z-index:2;
}

/* Tag + badge row */

.ye-course-tag-row {
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-bottom:0.8rem;
}

.ye-course-tag {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0.2rem 0.75rem;
  font-size:0.72rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#fee2e2;
  border:1px solid rgba(239,68,68,0.85);
  background:rgba(127,29,29,0.45);
}

.ye-course-badge {
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:0.2rem 0.7rem;
  font-size:0.7rem;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#a5b4fc;
  border:1px solid rgba(129,140,248,0.55);
  background:rgba(15,23,42,0.85);
}

/* Text */

.ye-course-heading {
  margin:0 0 0.4rem;
  font-size:1.4rem;
}

.ye-course-subtitle {
  margin:0 0 0.45rem;
  font-size:0.92rem;
  color:#e5e7eb;
}

.ye-course-description {
  font-size:0.9rem;
  color:#d4d4d4;
}

/* Bullet list */

.ye-course-points {
  margin:1rem 0 1.1rem;
  padding-left:1.1rem;
  position:relative;
  z-index:2;
}

.ye-course-points li {
  font-size:0.88rem;
  color:#e5e7eb;
  margin-bottom:0.3rem;
}

/* Footer: price + CTAs */

.ye-course-footer {
  position:relative;
  z-index:2;
  margin-top:auto;
  padding-top:1rem;
  border-top:1px solid rgba(15,23,42,0.9);
  display:flex;
  flex-direction:column;
  gap:0.55rem;
}

.ye-course-price-wrap {
  display:flex;
  flex-direction:column;
  gap:0.15rem;
}

.ye-course-price-label {
  font-size:0.75rem;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:#9ca3af;
}

.ye-course-price {
  font-size:1.2rem;
  font-weight:700;
  color:#fef2f2;
}

.ye-course-price-soon {
  color:#9ca3af;
  font-style:italic;
}

.ye-course-cta-wrap {
  display:flex;
  flex-wrap:wrap;
  gap:0.6rem;
  margin-top:0.35rem;
}

.ye-course-btn-main {
  text-decoration:none;
}

.ye-course-btn-secondary {
  font-size:0.85rem;
  color:#e5e7eb;
  text-decoration:none;
  opacity:0.85;
}

.ye-course-btn-secondary:hover {
  opacity:1;
  text-decoration:underline;
}

/* LMS section */

.ye-courses-lms {
  padding:70px 0 100px;
  background:#02020a;
}

.ye-courses-lms-header {
  max-width:700px;
  margin:0 auto 2rem;
  text-align:center;
}

.ye-courses-lms-header h2 {
  font-size:2rem;
  margin-bottom:0.5rem;
}

.ye-courses-lms-header p {
  font-size:0.95rem;
  color:#d1d5db;
}

.ye-courses-lms-wrap {
  background:#050814;
  border-radius:20px;
  border:1px solid #111827;
  box-shadow:0 20px 50px rgba(0,0,0,0.7);
  padding:1.5rem 1.25rem;
}