/* =============================================
   PREMIUM GOLDEN PARTICLE BACKGROUND
   Deep Emerald Center + Gold Side Curtains
   ============================================= */

/* Full-page canvas particle background */
#particle-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}

/* Deep emerald base + LEFT and RIGHT gold side glow curtains */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background:
    /* Center: rich dark emerald */
    radial-gradient(ellipse 55% 80% at 50% 50%, rgba(4, 52, 30, 0.88) 0%, rgba(2, 30, 15, 0.60) 60%, transparent 100%),
    /* LEFT side gold ambient glow */
    linear-gradient(to right, rgba(120, 70, 0, 0.55) 0%, rgba(80, 45, 0, 0.25) 18%, transparent 38%),
    /* RIGHT side gold ambient glow */
    linear-gradient(to left, rgba(120, 70, 0, 0.55) 0%, rgba(80, 45, 0, 0.25) 18%, transparent 38%),
    /* Left-top corner extra bloom */
    radial-gradient(ellipse 22% 40% at 0% 10%, rgba(200, 120, 10, 0.18) 0%, transparent 80%),
    /* Left-bottom corner extra bloom */
    radial-gradient(ellipse 22% 40% at 0% 90%, rgba(200, 120, 10, 0.20) 0%, transparent 80%),
    /* Right-top corner extra bloom */
    radial-gradient(ellipse 22% 40% at 100% 10%, rgba(200, 120, 10, 0.18) 0%, transparent 80%),
    /* Right-bottom corner extra bloom */
    radial-gradient(ellipse 22% 40% at 100% 90%, rgba(200, 120, 10, 0.20) 0%, transparent 80%),
    /* Overall dark base */
    radial-gradient(ellipse 100% 100% at 50% 50%, #04200e 0%, #021008 55%, #000000 100%);
}

/* Make sections transparent so background shows through */
body {
  background-color: transparent !important;
  position: relative;
}

.section__bg,
.banner__area,
.features__area,
.roadmap__area,
.team__area,
.footer__area,
.choose__area,
.counter__area,
.about__area,
.faq__area,
.blog__area,
.contact__area,
.breadcrumb__area,
.register__area,
.login__area {
  background-color: transparent !important;
}

/* Subtle grain/texture overlay for the aged emerald feel */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background-image:
    /* url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E"); */
    url("../img/body_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  opacity: 0.45;
}