.elementor-kit-6{--e-global-color-primary:#0A0A0F;--e-global-color-secondary:#E2D7FF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#1A1825;--e-global-color-e150a70:#FFFFFF;--e-global-color-9eadc42:#000000;--e-global-color-26d1d22:#FFFFFF;--e-global-color-93dad48:#000000;--e-global-color-9c54726:#A855F7;--e-global-color-97dccba:#9333EA;--e-global-color-2de32ce:#26243680;--e-global-color-6f6bda5:#1A1825;--e-global-color-2a7e58f:#2A2438;--e-global-color-68f94ab:#12141D80;--e-global-color-b20ef77:#0083DC;--e-global-color-37e9b5d:#121927;--e-global-color-796033f:#0082E9;--e-global-color-54af974:#0073CF;--e-global-color-1f3ea06:#0083DC;--e-global-color-102e2d3:#FFFFFF;--e-global-color-c6f0580:#94A3B8;--e-global-typography-primary-font-family:"Red Hat Text";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Red Hat Text";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Red Hat Text";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.36;--e-global-typography-accent-font-family:"Red Hat Text";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:#FFFFFF;}.elementor-kit-6 h2{color:#FFFFFF;}.elementor-kit-6 h3{color:#FFFFFF;}.elementor-kit-6 h4{color:#FFFFFF;}.elementor-kit-6 h5{color:#FFFFFF;}.elementor-kit-6 h6{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end: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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Config ===== */
body {
  --background: #0b0b10;
  --border: rgba(255,255,255,0.5);   /* grid line color */
  --primary: rgba(150, 120, 255, 0.6); /* purple accent lines */
  --stars: rgba(180, 100, 255, 0.9);  /* purple star color */

  /* motion tuning */
  --star-drift-duration: 60s;  /* slower = more chill */
  --star-twinkle-duration: 6s;

  background: var(--background);
  position: relative;
  overflow-x: hidden;
}

/* ===== Moving stars (behind grid) ===== */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;

  /* scatter of tiny dots; repeated to feel random across the page */
  background-image:
    radial-gradient(circle 1px at 12% 18%, var(--stars), transparent),
    radial-gradient(circle 1.5px at 28% 77%, var(--stars), transparent),
    radial-gradient(circle 1px at 41% 33%, var(--stars), transparent),
    radial-gradient(circle 2px at 63% 52%, var(--stars), transparent),
    radial-gradient(circle 1.2px at 79% 14%, var(--stars), transparent),
    radial-gradient(circle 1px at 7% 66%, var(--stars), transparent),
    radial-gradient(circle 1.8px at 91% 74%, var(--stars), transparent),
    radial-gradient(circle 1px at 54% 88%, var(--stars), transparent),
    radial-gradient(circle 1.4px at 68% 26%, var(--stars), transparent),
    radial-gradient(circle 1px at 86% 38%, var(--stars), transparent);
  background-repeat: repeat;
  background-size: 240px 240px; /* density of stars */

  /* stars move down + softly twinkle */
  animation:
    star-drift var(--star-drift-duration) linear infinite,
    twinkle var(--star-twinkle-duration) ease-in-out infinite alternate;
}

/* ===== Static grid (above stars) ===== */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  /* four layers = horizontal & vertical lines for 2 grids */
  background-image:
    /* purple accent grid */
    linear-gradient(0deg,  rgba(150,120,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(150,120,255,0.05) 1px, transparent 1px);
  background-size:
    50px 50px,
    50px 50px,
    80px 80px,
    80px 80px;
  background-position:
    0 0, 0 0, 0 0, 0 0; /* stays still */
}

/* ===== Animations ===== */
@keyframes star-drift {
  from { background-position: 0 0; }
  to   { background-position: 0 200%; } /* gentle downward flow */
}
@keyframes twinkle {
  from { opacity: 0.35; }
  to   { opacity: 0.85; }
}

/* ===== Accessibility: respect reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; opacity: 0.6; }
}
  
/* Make sure page scrolls normally */
html, body { overflow: auto !important; height: auto !important; }/* End custom CSS */