/* =========================================================
   4INVEST DARK EDUCATION + BLOG POLISH
   Applies only to school/blog dark experience
   ========================================================= */

/* Better section rhythm and depth */
.fourinv-school-page,
.fourinv-school-single,
.fourinv-blog-page,
.fourinv-blog-single {
  background:
    radial-gradient(circle at 8% 6%, rgba(0,255,170,.075), transparent 18%),
    radial-gradient(circle at 92% 12%, rgba(0,120,85,.07), transparent 20%),
    linear-gradient(180deg, #03110e 0%, #041612 48%, #020b09 100%) !important;
}

/* More premium grid, less noisy */
.fourinv-school-grid-bg,
.fourinv-blog-grid-bg {
  opacity: .34 !important;
  background-size: 42px 42px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.42), rgba(0,0,0,.08), rgba(0,0,0,.32)) !important;
}

/* Stronger dark cards */
.fourinv-school-hero-shell,
.fourinv-school-course-card,
.fourinv-school-method-card,
.fourinv-school-stat,
.fourinv-school-content-card,
.fourinv-school-side-card,
.fourinv-school-course-status,
.fourinv-school-lesson-row,
.fourinv-school-nextprev-card,
.fourinv-school-resource-link,
.fourinv-blog-hero-shell,
.fourinv-blog-card,
.fourinv-blog-sidebar-card,
.fourinv-blog-article-shell,
.fourinv-blog-article-main,
.fourinv-blog-related-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(0,255,170,.048), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.036)) !important;
  border-color: rgba(255,255,255,.085) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.30),
    0 0 0 1px rgba(0,255,170,.022) inset !important;
}

/* Featured/active cards */
.fourinv-school-course-card.is-featured,
.fourinv-school-lesson-row.is-completed,
.fourinv-school-nextprev-card.is-next,
.fourinv-blog-toc a.is-active,
.fourinv-blog-toc a:hover {
  background:
    radial-gradient(circle at 100% 0%, rgba(0,255,170,.09), transparent 28%),
    rgba(0,255,170,.044) !important;
  border-color: rgba(0,255,170,.18) !important;
}

/* Better text contrast */
.fourinv-school-title,
.fourinv-blog-title,
.fourinv-school-content-card h2,
.fourinv-school-content-card h3,
.fourinv-school-course-card h3,
.fourinv-school-lesson-main h3,
.fourinv-blog-card h3,
.fourinv-blog-article-content h1,
.fourinv-blog-article-content h2,
.fourinv-blog-article-content h3 {
  color: #f5fff9 !important;
}

.fourinv-school-subtitle,
.fourinv-blog-subtitle,
.fourinv-school-richtext,
.fourinv-school-richtext p,
.fourinv-school-transcript,
.fourinv-school-transcript p,
.fourinv-school-course-card p,
.fourinv-school-lesson-main p,
.fourinv-blog-card p,
.fourinv-blog-article-content,
.fourinv-blog-article-content p {
  color: rgba(234,255,246,.72) !important;
}

/* Kicker/badges */
.fourinv-school-kicker,
.fourinv-blog-kicker,
.fourinv-school-card-label,
.fourinv-blog-card-label,
.fourinv-school-mini-badge,
.fourinv-school-course-status-badge,
.fourinv-school-single-chips span,
.fourinv-blog-pill,
.fourinv-blog-meta span {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(234,255,246,.82) !important;
}

/* Primary action refinement */
.fourinv-school-start-course,
.fourinv-school-status-button,
.fourinv-blog-btn-primary {
  background: linear-gradient(135deg, #00ffaa, #42ffd1) !important;
  color: #06110f !important;
  box-shadow:
    0 18px 42px rgba(0,255,170,.15),
    0 0 0 1px rgba(255,255,255,.10) inset !important;
}

.fourinv-school-progress-login,
.fourinv-school-small-link,
.fourinv-school-backlink,
.fourinv-blog-btn-secondary {
  background: rgba(255,255,255,.052) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: #f2fff9 !important;
}

/* School orbit / hero visual */
.fourinv-school-orbit-card {
  background:
    radial-gradient(circle at 50% 50%, rgba(0,255,170,.12), transparent 22%),
    rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.08) !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.34) !important;
}

.fourinv-school-orbit-core {
  box-shadow:
    0 24px 70px rgba(0,0,0,.38),
    0 0 0 14px rgba(0,255,170,.03) !important;
}

.fourinv-school-orbit-node {
  box-shadow: 0 14px 34px rgba(0,255,170,.16) !important;
}

/* Lesson video */
.fourinv-school-video-embed,
.fourinv-school-video,
.fourinv-school-video-wrap > video,
.fourinv-school-video-placeholder {
  border-color: rgba(255,255,255,.09) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.32),
    0 0 0 1px rgba(0,255,170,.024) inset !important;
}

/* Lists and resources */
.fourinv-school-roadmap-list li,
.fourinv-school-concept-list li,
.fourinv-school-question-list li,
.fourinv-school-resource-link,
.fourinv-blog-toc a {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.08) !important;
}

.fourinv-school-resource-link:hover,
.fourinv-blog-toc a:hover {
  background: rgba(0,255,170,.055) !important;
  border-color: rgba(0,255,170,.18) !important;
}

/* Blog article readability */
.fourinv-blog-article-content {
  font-size: 16px;
  line-height: 1.92;
}

.fourinv-blog-article-content h2 {
  margin-top: 42px;
  margin-bottom: 14px;
}

.fourinv-blog-article-content h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.fourinv-blog-article-content blockquote {
  background: rgba(0,255,170,.055) !important;
  border-color: rgba(0,255,170,.18) !important;
  color: rgba(242,255,249,.86) !important;
  border-radius: 18px;
}

/* Reading progress remains premium */
.fourinv-blog-reading-progress {
  background: rgba(255,255,255,.08) !important;
}

.fourinv-blog-reading-progress span {
  background: linear-gradient(90deg, #00ffaa, #42ffd1, #00c785) !important;
}

/* Hover polish */
.fourinv-school-course-card,
.fourinv-school-method-card,
.fourinv-school-content-card,
.fourinv-school-side-card,
.fourinv-school-lesson-row,
.fourinv-school-resource-link,
.fourinv-blog-card,
.fourinv-blog-related-card {
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.fourinv-school-course-card:hover,
.fourinv-school-method-card:hover,
.fourinv-school-lesson-row:hover,
.fourinv-school-resource-link:hover,
.fourinv-blog-card:hover,
.fourinv-blog-related-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,255,170,.18) !important;
  box-shadow:
    0 26px 84px rgba(0,0,0,.36),
    0 0 0 1px rgba(0,255,170,.03) inset !important;
}

/* Mobile */
@media (max-width: 760px) {
  .fourinv-school-page,
  .fourinv-school-single,
  .fourinv-blog-page,
  .fourinv-blog-single {
    background:
      radial-gradient(circle at 0% 4%, rgba(0,255,170,.08), transparent 24%),
      radial-gradient(circle at 100% 10%, rgba(0,120,85,.06), transparent 24%),
      linear-gradient(180deg, #03110e 0%, #041612 48%, #020b09 100%) !important;
  }

  .fourinv-school-title,
  .fourinv-blog-title {
    letter-spacing: -1px !important;
  }

  .fourinv-blog-article-content {
    font-size: 15px;
    line-height: 1.86;
  }

  .fourinv-school-course-card:hover,
  .fourinv-school-method-card:hover,
  .fourinv-school-lesson-row:hover,
  .fourinv-school-resource-link:hover,
  .fourinv-blog-card:hover,
  .fourinv-blog-related-card:hover {
    transform: none;
  }
}