.meteoro-background {
          background: 
            radial-gradient(circle at 45% 50%, rgba(255, 32, 121, .6), transparent 75%),
            radial-gradient(400px at 110% 110%, rgba(0, 255, 224, .35), transparent 75%),
            linear-gradient(to right, #1d1746, #1d1746);
          position: relative;
          z-index: 1; /* Mudado de -1 para 1 */
          width: 100%;
          height: 100px;
          overflow: hidden; 
        }

        .bg-planet {
          width: 240px;
          height: 240px;
          background: linear-gradient(220deg, rgba(255, 160, 18, 1), rgba(255, 160, 18, .2) 50%, transparent 70%);
          border-radius: 100%;
          position: relative;
          top: 5%;
          left: 5%;
          filter: blur(5px);
          max-height: 150px;
          overflow: hidden; 
        }

        .bg-planet2 {
          width: 330px;
          height: 330px;
          background: linear-gradient(220deg, rgba(0, 255, 224, 1), rgba(0, 255, 224, .2) 50%, transparent 70%);
          border-radius: 100%;
          position: relative;
          bottom: -50px;
          left: 20%;
          filter: blur(3px);
        }

        .bg-planet3 {
          width: 190px;
          height: 190px;
          background: linear-gradient(220deg, rgba(255, 32, 86, 1), rgba(255, 32, 86, .2) 50%, transparent 70%);
          border-radius: 100%;
          position: relative;
          right: 30px;
          top: 120px;
          filter: blur(7px);
        }

        .logo-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 999999; /* Z-index muito alto */
        }

        .app-logo {
          background: white;
          display: block;
          width: 80px; /* Reduzido de 100px para 80px */
          height: 80px; /* Reduzido de 100px para 80px */
          overflow: hidden;
          border-radius: 23px; /* Reduzido proporcionalmente: 29 * 0.8 = 23.2 ≈ 23 */
          box-sizing: border-box;
          box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, .15); /* Reduzido proporcionalmente */
          position: relative;
        }

        .trail {
          position: relative;
          background-color: #00ffe0;
          border: 2px solid #ffe3a6; /* Reduzido de 3px para 2px */
          padding-top: 60px; /* Reduzido de 75px para 60px (75 * 0.8) */
          border-radius: 0 0 46px 46px; /* Reduzido de 58px para 46px (58 * 0.8) */
          height: 46px; /* Reduzido de 58px para 46px */
          width: 46px; /* Reduzido de 58px para 46px */
          transform: rotate(55deg) translate(8px, -39px); /* Ajustado proporcionalmente */
        }

        .echo-circle::before, .echo-circle::after {
          height: 83px; /* Reduzido de 104px para 83px (104 * 0.8) */
          width: 83px; /* Reduzido de 104px para 83px */
          background: radial-gradient(circle at center, rgba(255, 209, 110, 0.1) 0, rgba(255, 209, 110, 0.35) 50%, rgba(255, 209, 110, 1) 100%);
          position: absolute;
          left: -6px; /* Reduzido de -8px para -6px (-8 * 0.8) */
          border-radius: 100%;
          bottom: -7px; /* Reduzido de -9px para -7px (-9 * 0.8) */
          animation: expanding-circles 1s linear infinite;
          content: '';
          display: block;
        }

        .echo-circle::after {
           animation-delay: -500ms;
        }

        .trail-dark {
          position: relative;
          width: 38px; /* Reduzido de 48px para 38px (48 * 0.8) */
          height: 38px; /* Reduzido de 48px para 38px */
          background-color: #1d1746;
          margin: 0 auto;
          margin-top: -4px; /* Reduzido de -5px para -4px */
          padding-top: 7px; /* Reduzido de 9px para 7px (9 * 0.8) */
          border-radius: 0 0 46px 46px; /* Reduzido de 58px para 46px */
        }

        .trail-tail-line {
          width: 6px; /* Reduzido de 7px para 6px */
          position: absolute;
          border-radius: 10px; /* Reduzido de 12px para 10px */
          z-index: 4;
        }

        .trail-tail-line:nth-child(odd)::before, .trail-tail-line:nth-child(odd)::after {
          content: '';
          display: block;
          position: relative;
          background-color: #1d1746;
          width: 6px; /* Reduzido de 7px para 6px */
          border-radius: 10px; /* Reduzido de 12px para 10px */
        }

        .trail-tail-line:nth-child(odd)::after {
          transform: translateY(-200%);
          height: 11px; /* Reduzido de 14px para 11px (14 * 0.8) */
          animation: shooting-tail 2s ease-in infinite;
        }

        .trail-tail-line:nth-child(odd)::before {
          height: 18px; /* Reduzido de 23px para 18px (23 * 0.8) */
          transform: translateY(-5px); /* Reduzido de -6px para -5px */
          animation: moving-tail 2s ease-in infinite;
        }

        .trail-tail-line:nth-child(even) {
          border-radius: 10px; /* Reduzido de 12px para 10px */
          background: #00ffe0;
          height: 16px; /* Reduzido de 20px para 16px (20 * 0.8) */
          animation: moving-mask 2s ease-in-out infinite;
        }

        .trail-tail-line:nth-child(1) {
          left: 0px;
          top: -7px; /* Reduzido de -9px para -7px */
        }

        .trail-tail-line:nth-child(2) {
          left: 6px; /* Reduzido de 7px para 6px */
          top: -6px; /* Reduzido de -7px para -6px */
        }

        .trail-tail-line:nth-child(3) {
          left: 12px; /* Reduzido de 14px para 12px */
          top: -7px; /* Reduzido de -9px para -7px */
        }

        .trail-tail-line:nth-child(4) {
          left: 18px; /* Reduzido de 21px para 18px */
          top: -6px; /* Reduzido de -7px para -6px */
        }

        .trail-tail-line:nth-child(5) {
          left: 24px; /* Reduzido de 28px para 24px */
          top: -7px; /* Reduzido de -9px para -7px */
        }

        .trail-tail-line:nth-child(6) {
          left: 30px; /* Reduzido de 35px para 30px */
          top: -6px; /* Reduzido de -7px para -6px */
        }

        .trail-tail-line:nth-child(7) {
          left: 36px; /* Reduzido de 42px para 36px */
          top: -7px; /* Reduzido de -9px para -7px */
        }

        .trail-tail-line:nth-child(2) {
          animation-delay: -200ms;
        }

        .trail-tail-line:nth-child(3)::before, .trail-tail-line:nth-child(3)::after {
          animation-delay: -500ms;
          animation-duration: 2.2s;
        }

        .trail-tail-line:nth-child(3)::before {
          animation-timing-function: ease-in-out;
        }

        .trail-tail-line:nth-child(5)::before, .trail-tail-line:nth-child(5)::after {
          animation-delay: -120ms;
          animation-duration: 1.78s;
        }

        .trail-tail-line:nth-child(5)::before {
          animation-timing-function: ease-in-out;
        }

        .trail-tail-line:nth-child(6) {
          animation-delay: -450ms;
        }

        .trail-tail-line:nth-child(7)::before, .trail-tail-line:nth-child(7)::after {
          animation-delay: -700ms;
        }

        .planet {
          background-color: #FF2079;
          width: 29px; /* Reduzido de 36px para 29px (36 * 0.8) */
          height: 29px; /* Reduzido de 36px para 29px */
          border-radius: 100%;
          margin: 5px auto 0; /* Reduzido de 6px para 5px */
          position: relative;
          overflow: hidden;
          z-index: 3;
          box-shadow: 0px 0px 7px 2px #FF2079; /* Reduzido blur de 9px para 7px */
        }

        .planet::after {
          content: '';
          position: absolute;
          display: block;
          background-color: rgba(255, 255, 255, .17);
          width: 23px; /* Reduzido de 29px para 23px (29 * 0.8) */
          height: 23px; /* Reduzido de 29px para 23px */
          top: -10px; /* Reduzido de -12px para -10px */
          left: 2px; /* Reduzido de 3px para 2px */
          border-radius: 100%;
          box-shadow: 0px 0px 2px #ff458e; /* Reduzido blur de 3px para 2px */
        }

        .planet-dot {
          content: '';
          position: absolute;
          display: block;
          background-color: rgba(0, 0, 0, .05);
          width: 6px; /* Reduzido de 7px para 6px */
          height: 6px; /* Reduzido de 7px para 6px */
          border-radius: 100%;
          top: 14px; /* Reduzido de 18px para 14px (18 * 0.8) */
          left: 6px; /* Reduzido de 7px para 6px */
          box-shadow: 0px -1px 2px 0 rgba(0, 0, 0, .1) inset; /* Reduzido blur de 3px para 2px */
          animation: moving-dot 3s linear infinite;
        }

        .planet-dot:nth-child(2) {
          width: 8px; /* Reduzido de 10px para 8px (10 * 0.8) */
          height: 8px; /* Reduzido de 10px para 8px */
          top: 4px; /* Reduzido de 5px para 4px */
          left: 14px; /* Reduzido de 17px para 14px */
        }

        .planet-dot:nth-child(3) {
          width: 5px; /* Reduzido de 6px para 5px */
          height: 5px; /* Reduzido de 6px para 5px */
          top: 28px; /* Reduzido de 35px para 28px */
          left: 18px; /* Reduzido de 22px para 18px */
        }

        .planet-dot:nth-child(4) {
          width: 6px; /* Reduzido de 7px para 6px */
          height: 6px; /* Reduzido de 7px para 6px */
          top: 60px; /* Reduzido de 75px para 60px */
          left: 11px; /* Reduzido de 14px para 11px */
        }

        .planet-dot:nth-child(5) {
          width: 6px; /* Reduzido de 7px para 6px */
          height: 6px; /* Reduzido de 7px para 6px */
          top: 90px; /* Reduzido de 112px para 90px */
          left: 5px; /* Reduzido de 6px para 5px */
        }

        @keyframes moving-tail {
          0%, 100% {
            transform: translateY(-2px); /* Reduzido de -3px para -2px */
          }
          50% {
            transform: translateY(-10px); /* Reduzido de -12px para -10px */
          }
        }

        @keyframes shooting-tail {
          0% {
            transform: translateY(-18px); /* Reduzido de -23px para -18px */
          }
          50% {
            transform: translateY(-32px); /* Reduzido de -40px para -32px */
          }
          100% {
            transform: translateY(-184px); /* Reduzido de -230px para -184px */
          }
        }

        @keyframes moving-mask {
          0%, 100% {
            transform: translateY(-2px); /* Reduzido de -3px para -2px */
          }
          50%  {
            transform: translateY(-7px); /* Reduzido de -9px para -7px */
          }
        }

        @keyframes moving-dot {
          0% {
            transform: translateY(37px); /* Reduzido de 46px para 37px */
          }
          100% {
            transform: translateY(-94px); /* Reduzido de -118px para -94px */
          }
        }

        @keyframes expanding-circles {
          0% {
            transform: scale(0.55);
            opacity: 1
          }
          100% {
            transform: scale(.95);
            opacity: 0;
          }
        }

        .credit-text {
          margin-left: 20px;
          color: white;
          font-family: Arial, sans-serif;
          line-height: 1.2;
          white-space: nowrap;
        }

        .small-text {
          font-size: 14px;
        }

        .large-text {
          font-size: 24px;
          font-weight: bold;
        }

        .app-logo-link, .credit-link {
          text-decoration: none;
          z-index: 999999;
          cursor: pointer;
          position: relative;
          pointer-events: auto;
          display: block; /* Força o display como block */
        }

        .credit-link {
          color: white;
          z-index: 999999;
          position: relative;
          pointer-events: auto;
          display: block; /* Força o display como block */
        }

        /* Garantir que os links funcionem corretamente */
        .app-logo-link:hover,
        .credit-link:hover {
          opacity: 0.8;
          transition: opacity 0.3s ease;
        }

        /* Garantir que não há elementos bloqueando os cliques */
        .bg-planet, .bg-planet2, .bg-planet3 {
          pointer-events: none;
        }

        .echo-circle, .echo-circle::before, .echo-circle::after {
          pointer-events: none;
        }