/* DESOFT — anime.js arka plan animasyonu */
#desoft-bg-animation {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  background: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(14, 165, 233, 0.08), transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 50%, rgba(6, 182, 212, 0.06), transparent 50%),
    radial-gradient(ellipse 80% 50% at 0% 80%, rgba(59, 130, 246, 0.05), transparent 45%);
}

.desoft-bg-orb {
  position: absolute;
  border-radius: 50%;
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);
}

.desoft-bg-grid {
  position: absolute;
  inset: -50%;
  opacity: 0.34;
  background-image: linear-gradient(rgba(14, 165, 233, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 165, 233, 0.06) 1px, transparent 1px);
  background-size: 48px 48px;
  transform-origin: center center;
}

@media (prefers-reduced-motion: reduce) {
  #desoft-bg-animation .desoft-bg-orb,
  #desoft-bg-animation .desoft-bg-grid {
    animation: none !important;
  }
}