/* The splash screen container: covers entire viewport with a light overlay */
    #splash-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: #ffff;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    /* Loader container: three circles in a row */
    .bouncy-loader {
      display: flex;
      gap: 12px; /* spacing between circles */
    }

    /* Each bouncing circle */
    .bounce-ball {
      width: 20px;
      height: 20px;
      /* Bright blue gradient to match your theme */
      background: linear-gradient(90deg, #0061FF 0%, #00A0FF 100%);
      border-radius: 50%;
      animation: bounce 0.6s infinite alternate;
    }

    /* Staggered animations for the 2nd and 3rd circles */
    .bounce-ball:nth-child(2) {
      animation-delay: 0.2s;
    }
    .bounce-ball:nth-child(3) {
      animation-delay: 0.4s;
    }

    /* Keyframe: each circle moves up -20px, creating a bounce effect */
    @keyframes bounce {
      to {
        transform: translateY(-20px);
      }
    }