/* ============================================
   NEBULA BACKGROUND — shared by index.html and index-form.html
   Fixed full-page blue glow + twinkling stars.
   The star nodes and the mouse-following glow are built by stars.js.
   ============================================ */
#bg-gradient-container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; background: #061423; overflow: hidden; }
#nebula-glow {
    position: absolute; width: 160%; height: 80%; left: -30%; top: 20%;
    background: radial-gradient(ellipse at 50% 55%, rgba(20, 117, 223, 0.55) 0%, rgba(12, 80, 170, 0.38) 25%, rgba(22, 198, 189, 0.14) 50%, transparent 68%);
    filter: blur(55px);
    animation: nebula-breathe 9s ease-in-out infinite;
    will-change: transform, opacity;
    pointer-events: none;
}
#g-interactive {
    position: absolute; width: 500px; height: 500px; border-radius: 50%;
    background: radial-gradient(circle at center, rgba(20, 117, 223, 0.10) 0%, transparent 70%);
    transform: translate(-50%, -50%); pointer-events: none;
}
.aurora-star { position: absolute; border-radius: 50%; animation: star-twinkle ease-in-out infinite; }
@keyframes nebula-breathe { 0%, 100% { opacity: 0.80; transform: scale(1); } 50% { opacity: 1.00; transform: scale(1.06); } }
@keyframes star-twinkle { 0%, 100% { opacity: 0; transform: scale(0.6); } 50% { opacity: 1; transform: scale(1); } }