/* =====================================================
   SECTION GRADIENT LIGHTING
   Each dark section gets its own radial gradient glow
   so the page feels lit from behind throughout.
   ===================================================== */

.bp-about-section {
  background-color: #09160f;
  background:
    radial-gradient(ellipse 70% 90% at 100% 30%, rgba(22, 163, 74, 0.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 5% 80%, rgba(250, 204, 21, 0.08) 0%, transparent 55%);
}

.bp-features-section {
  background-color: #0a1710;
  background:
    radial-gradient(ellipse 80% 80% at -5% 50%, rgba(22, 163, 74, 0.25) 0%, transparent 58%),
    radial-gradient(ellipse 55% 55% at 100% 80%, rgba(250, 204, 21, 0.10) 0%, transparent 55%);
}

.bp-comparison-section {
  background-color: #08130d;
  background:
    radial-gradient(ellipse 60% 100% at 95% 45%, rgba(250, 204, 21, 0.13) 0%, transparent 58%),
    radial-gradient(ellipse 65% 65% at 10% 20%, rgba(22, 163, 74, 0.15) 0%, transparent 55%);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.bp-comparison-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(4, 9, 6, 0.15) 0%, rgba(4, 9, 6, 0.35) 100%),
    url("../../images/pattren.png") center center / cover no-repeat;
  opacity: 0.14;
  pointer-events: none;
  z-index: 0;
}

.bp-comparison-section > * {
  position: relative;
  z-index: 1;
}

.bp-city-section {
  background-color: #0a1510;
  background:
    radial-gradient(ellipse 70% 80% at 5% 55%, rgba(22, 163, 74, 0.22) 0%, transparent 58%),
    radial-gradient(ellipse 50% 60% at 95% 85%, rgba(250, 204, 21, 0.09) 0%, transparent 55%);
}

.bp-cricket-section {
  background-color: var(--bp-surface-pale);
  background:
    radial-gradient(ellipse 75% 100% at 50% 0%, rgba(22, 163, 74, 0.025) 0%, transparent 55%),
    linear-gradient(180deg, var(--bp-surface-plain) 0%, var(--bp-surface-pale) 100%);
}

.bp-blog-section {
  background-color: #09140d;
  background:
    radial-gradient(ellipse 75% 80% at 50% -10%, rgba(22, 163, 74, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse 50% 55% at 90% 90%, rgba(250, 204, 21, 0.08) 0%, transparent 55%);
}