/* Full-screen animated universe background */
html, body {
  height: 100%;
}

#universe-bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: block;
  z-index: 0; /* behind content wrappers */
  background: radial-gradient(1200px 800px at 50% 50%, rgba(120,70,200,0.28), rgba(10,10,20,0.92) 60%),
              radial-gradient(900px 700px at 20% 30%, rgba(50,140,190,0.18), transparent 60%),
              radial-gradient(900px 700px at 80% 70%, rgba(200,60,180,0.16), transparent 60%),
              #0b0f1a;
}

/* Ensure main content sits above canvas */
.main-06, .header, .footer, .main-wrapper {
  position: relative;
  z-index: 1;
}

/* Touch safe area for iOS notch */
@supports (padding: max(0px)) {
  body { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
}

/* Slight text-shadow for readability over stars */
.heading h1, .heading span, .hero-area p, .footer, .header-right a {
  text-shadow: 0 2px 12px rgba(0,0,0,0.55);
}