/* ════════════════════════════════════════════════════════════════════════════
   background.css
   Space background — fixed radial gradient overlay + shift animation.
   Applied via <div class="space-bg"></div> present in every page body.
   ════════════════════════════════════════════════════════════════════════════ */

html { background: #0a0a0f; }

.space-bg {
  position: fixed; inset: 0;
  pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse 800px 600px at 5% 10%,   rgba(124,92,252,0.13)  0%, transparent 70%),
    radial-gradient(ellipse 600px 500px at 92% 80%,  rgba(46,196,255,0.10)  0%, transparent 70%),
    radial-gradient(ellipse 500px 400px at 50% 115%, rgba(56,215,160,0.08)  0%, transparent 70%);
  animation: spaceshift 30s ease-in-out infinite alternate;
}

@keyframes spaceshift {
  from { opacity: .65; }
  to   { opacity: 1;   }
}