/* Современные абстрактные дизайнерские элементы */
/* Версия 2.0 - Безопасная, не влияет на существующие элементы */

/* Многослойный абстрактный фон */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999;
  background: 
    radial-gradient(ellipse 800px 600px at 10% 20%, rgba(112, 44, 249, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse 600px 800px at 90% 10%, rgba(0, 123, 255, 0.04) 0%, transparent 50%),
    radial-gradient(ellipse 700px 500px at 50% 90%, rgba(40, 167, 69, 0.03) 0%, transparent 50%),
    linear-gradient(180deg, #fafbfc 0%, #f0f2f5 100%);
  pointer-events: none;
}

/* Абстрактные плавающие линии */
body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -998;
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent 0px,
      transparent 80px,
      rgba(112, 44, 249, 0.01) 80px,
      rgba(112, 44, 249, 0.01) 82px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent 0px,
      transparent 100px,
      rgba(0, 123, 255, 0.008) 100px,
      rgba(0, 123, 255, 0.008) 102px
    );
  pointer-events: none;
}

/* Отключение на мобильных для производительности */
@media (max-width: 768px) {
  body::before,
  body::after {
    display: none;
  }
}