/* Окружение */
  body {
    background-color: #000 !important; /* Черный фон для контраста */
    margin: 0;
    min-height: 100vh;
  }

  /* Контейнер фона на весь экран под контентом */
  .aurora-bg-system {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1; /* Уводит фон под ваш UI */
    overflow: hidden;
    pointer-events: none; /* Чтобы фон не мешал кликам */
  }

  .aurora-container {
    position: relative;
    width: 100%;
    height: 100%;
    filter: blur(55px) contrast(1.5) saturate(1.4); 
  }

  .blob {
    position: absolute;
    width: 75vh;
    height: 75vh;
    border-radius: 50%;
    mix-blend-mode: screen;
    animation: move-aurora 18s infinite alternate ease-in-out, 
               pulse-aurora 8s infinite alternate ease-in-out;
  }

  /* Цвета и позиции */
  .blob-gold {
    background: radial-gradient(circle, rgba(255, 215, 0, 1) 0%, rgba(255, 140, 0, 0) 70%);
    top: 10%; right: 5%;
    animation-duration: 12s, 5s;
  }
  .blob-green-1 {
    background: radial-gradient(circle, rgba(0, 153, 51, 1) 0%, rgba(0, 153, 51, 0) 75%);
    top: -15%; left: 0%;
    animation-duration: 18s, 7s;
  }
  .blob-green-neon {
    background: radial-gradient(circle, rgba(50, 255, 100, 0.9) 0%, rgba(50, 255, 100, 0) 65%);
    bottom: 0%; left: 10%;
    animation-duration: 14s, 6s;
    animation-delay: -3s;
  }
  .blob-teal-bright {
    background: radial-gradient(circle, rgba(0, 153, 153, 0.9) 0%, rgba(0, 153, 153, 0) 70%);
    bottom: 15%; right: 10%;
    animation-duration: 20s, 9s;
  }
  .blob-teal-deep {
    background: radial-gradient(circle, rgba(0, 51, 51, 1) 0%, rgba(0, 51, 51, 0) 80%);
    top: 35%; left: 25%;
    width: 95vh; height: 95vh;
    animation-duration: 25s, 11s;
    animation-delay: -5s;
  }
  .blob-green-2 {
    background: radial-gradient(circle, rgba(0, 100, 40, 0.8) 0%, rgba(0, 100, 40, 0) 70%);
    top: 50%; right: 20%;
    animation-duration: 16s, 8s;
  }

  /* Анимации (переименованы во избежание конфликтов) */
  @keyframes move-aurora {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    33% { transform: translate(40vw, 25vh) scale(1.15) rotate(60deg); }
    66% { transform: translate(-20vw, 40vh) scale(0.85) rotate(-30deg); }
    100% { transform: translate(15vw, -15vh) scale(1.1) rotate(15deg); }
  }

  @keyframes pulse-aurora {
    0% { opacity: 0.3; filter: brightness(0.7); }
    50% { opacity: 1; filter: brightness(2.3); }
    100% { opacity: 0.4; filter: brightness(1); }
  }