.elementor-kit-635{--e-global-color-primary:#44FF00;--e-global-color-secondary:#000000;--e-global-color-text:#EAFFEA;--e-global-color-accent:#2BB800;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Lora";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cinzel";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:600;}.elementor-kit-635 e-page-transition{background-color:#FFBC7D;}.elementor-kit-635 button,.elementor-kit-635 input[type="button"],.elementor-kit-635 input[type="submit"],.elementor-kit-635 .elementor-button{border-radius:40px 40px 40px 40px;}.elementor-kit-635 button:hover,.elementor-kit-635 button:focus,.elementor-kit-635 input[type="button"]:hover,.elementor-kit-635 input[type="button"]:focus,.elementor-kit-635 input[type="submit"]:hover,.elementor-kit-635 input[type="submit"]:focus,.elementor-kit-635 .elementor-button:hover,.elementor-kit-635 .elementor-button:focus{border-radius:40px 40px 40px 40px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-635{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:24px;--e-global-typography-text-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-635{--e-global-typography-primary-font-size:27px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0.4px;--e-global-typography-text-font-size:15px;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* FUTURE AI SKILLS - ANIMATED NEON AURORA BACKGROUND */

:root {
  --neon: #44FF00;
}

/* Black Background */
html,
body {
  background: #000 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  isolation: isolate;
}

/* Animated Neon Aurora Glow */
body::before {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -1;
  pointer-events: none;

  background:
    radial-gradient(
      ellipse at 15% 20%,
      rgba(68, 255, 0, 0.13),
      transparent 38%
    ),
    radial-gradient(
      ellipse at 85% 35%,
      rgba(0, 255, 125, 0.09),
      transparent 35%
    ),
    radial-gradient(
      ellipse at 50% 90%,
      rgba(68, 255, 0, 0.10),
      transparent 40%
    );

  filter: blur(35px);
  animation: neonAurora 16s ease-in-out infinite alternate;
}

/* Animated Neon Grid */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(68, 255, 0, 0.075) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(68, 255, 0, 0.075) 1px,
      transparent 1px
    );

  background-size: 55px 55px;
  animation: neonGridDrift 24s linear infinite;

  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    black 15%,
    black 85%,
    transparent
  );

  mask-image: linear-gradient(
    to bottom,
    transparent,
    black 15%,
    black 85%,
    transparent
  );
}

/* Grid Animation */
@keyframes neonGridDrift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 55px 55px, 55px 55px;
  }
}

/* Aurora Animation */
@keyframes neonAurora {
  0% {
    transform: scale(1) translate(0, 0);
  }

  50% {
    transform: scale(1.05) translate(-20px, 15px);
  }

  100% {
    transform: scale(1.02) translate(15px, -15px);
  }
}/* End custom CSS */