:root {
  --aura-bg: #060a14;
}

#aura-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  background: #060a14;
  pointer-events: none;
}

.color-field {
  position: fixed;
  inset: -20%;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(120deg, rgba(99, 213, 255, 0.08), transparent 28%, rgba(139, 124, 255, 0.12) 52%, transparent 78%),
    linear-gradient(35deg, transparent 0%, rgba(170, 183, 204, 0.09) 32%, transparent 62%);
  animation: field-shift 18s ease-in-out infinite alternate;
  filter: blur(16px);
}

.shade {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(6, 10, 20, 0.54), rgba(6, 10, 20, 0.88)),
    repeating-linear-gradient(90deg, rgba(234, 242, 255, 0.025) 0 1px, transparent 1px 92px);
}

@keyframes field-shift {
  from { transform: translate3d(-3%, -2%, 0) rotate(0deg) scale(1); }
  to { transform: translate3d(3%, 2%, 0) rotate(8deg) scale(1.08); }
}