/* Stars layer & nebula */
      .stars-layer {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        overflow: hidden;
      }

      .nebula {
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: radial-gradient(
            500px 300px at 10% 20%,
            rgba(79, 70, 229, 0.06),
            transparent 8%
          ),
          radial-gradient(
            420px 220px at 85% 75%,
            rgba(255, 107, 107, 0.04),
            transparent 8%
          );
      }

      .star {
        position: absolute;
        border-radius: 50%;
        background: radial-gradient(
          circle,
          rgba(255, 255, 255, 1) 0%,
          rgba(255, 255, 255, 0.8) 40%,
          rgba(255, 255, 255, 0) 70%
        );
        transform-origin: center;
        opacity: 0.9;
        filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.08));
      }

      @keyframes twinkle {
        0% {
          opacity: 0.25;
          transform: scale(0.8);
        }
        50% {
          opacity: 1;
          transform: scale(1.4);
        }
        100% {
          opacity: 0.25;
          transform: scale(0.9);
        }
      }

      @keyframes drift {
        0% {
          transform: translateY(0) translateX(0);
        }
        50% {
          transform: translateY(-8px) translateX(6px);
        }
        100% {
          transform: translateY(0) translateX(0);
        }
      }

      /* Shooting stars */
      .shooting-star {
        position: fixed;
        pointer-events: none;
        width: 180px;
        height: 2px;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 1),
          rgba(255, 255, 255, 0.12)
        );
        transform: rotate(30deg);
        z-index: 3;
        filter: blur(0.6px);
        opacity: 0.95;
      }

      @keyframes shooting {
        0% {
          transform: translate3d(0, 0, 0) rotate(30deg);
          opacity: 1;
        }
        100% {
          transform: translate3d(900px, 600px, 0) rotate(30deg);
          opacity: 0;
        }
      }