.elementor-kit-12{--e-global-color-primary:#000321;--e-global-color-secondary:#FFCA00;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFE986;--e-global-typography-primary-font-family:"Alata";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:15px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Alata";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Alata";--e-global-typography-accent-font-weight:500;background-color:#000321;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:18px;}.elementor-kit-12 h1{font-size:45px;}.elementor-kit-12 h2{font-size:40px;}.elementor-kit-12 h3{font-size:36px;}.elementor-kit-12 h4{font-size:32px;}.elementor-kit-12 h5{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Sitewide background with grid + two blinking gold clouds ===== */
:root{
  /* near-black background (not pure black) */
  --bg-deep:   #0a0b0e;
  --bg-deep-2: #090a0d;

  /* grid lines (subtle); increase/decrease alpha to taste */
  --grid-color: rgba(255,255,255,.03);
  /* grid cell size (doubled from ~64px → ~128px) */
  --grid-size: 128px;

  /* golds for the clouds */
  --gold-inner: rgba(240,197,90,.28);
  --gold-outer: rgba(197,142,44,.12);
}

/* Base page backdrop */
html, body{
  background:
    radial-gradient(1200px 600px at 70% -10%, #12141b 0%, transparent 60%),
    linear-gradient(var(--bg-deep), var(--bg-deep-2));
  background-color: var(--bg-deep);
  margin:0;
}

/* Fixed canvas sits behind everything */
.bg-canvas{
  position: fixed; inset: 0;
  z-index: 0; pointer-events: none; overflow: hidden;
}

/* --- Grid (now bigger boxes) --- */
.bg-canvas .bg-grid{
  position: absolute; inset: 0;
  background-image:
    linear-gradient(var(--grid-color) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
  background-size: var(--grid-size) var(--grid-size);
  opacity: .9;
}

/* --- Two golden cloud circles (soft/faded) --- */
.bg-canvas .cloud{
  position: absolute; border-radius: 50%;
  filter: blur(80px);
  mix-blend-mode: screen;
  will-change: opacity, transform;
}

/* Left/bottom cloud */
.bg-canvas .cloud.a{
  width: 560px; height: 560px;
  left: 8%; bottom: 14%;
  background: radial-gradient(circle at 45% 45%,
              var(--gold-inner) 0%,
              var(--gold-outer) 60%,
              transparent 72%);
  opacity: .14;
  animation: cloudBlinkA 3s ease-in-out infinite, cloudDriftA 28s linear infinite;
}

/* Right/top cloud */
.bg-canvas .cloud.b{
  width: 580px; height: 580px;
  right: 6%; top: 12%;
  background: radial-gradient(circle at 55% 50%,
              var(--gold-inner) 0%,
              var(--gold-outer) 62%,
              transparent 74%);
  opacity: .16;
  animation: cloudBlinkB 3s ease-in-out infinite, cloudDriftB 32s linear infinite;
}

/* Alternate blink every 3s (A brightens while B dims) */
@keyframes cloudBlinkA{
  0%,100% { opacity:.12; transform: scale(1); }
  50%     { opacity:.32; transform: scale(1.04); }
}
@keyframes cloudBlinkB{
  0%,100% { opacity:.30; transform: scale(1.04); }
  50%     { opacity:.10; transform: scale(1); }
}

/* Gentle, subtle drift (remove if you want completely static clouds) */
@keyframes cloudDriftA{
  0% { transform: translate(0,0) }
  50%{ transform: translate(14px,-10px) }
  100%{ transform: translate(0,0) }
}
@keyframes cloudDriftB{
  0% { transform: translate(0,0) }
  50%{ transform: translate(-16px,12px) }
  100%{ transform: translate(0,0) }
}

/* Ensure*/* End custom CSS */