.splash {
      height: 100%;width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;

       background: linear-gradient(135deg, rgb(0, 0, 0), rgb(139, 0, 0) 40%, rgb(255, 255, 0) 80%);
       position: fixed; z-index: 99999; top: 0;
       display: none;
    }

    .logo {
      width: 160px;height: 160px; border-radius: 50%;
      background: linear-gradient(135deg, rgb(0, 0, 0), rgb(139, 0, 0) 40%, rgb(255, 255, 0) 80%);
      display: flex;align-items: center;
      justify-content: center;
      box-shadow: 0 0 25px rgba(255, 255, 255, 0.737);
      animation: pulse 2s infinite;
    }

    .logo span {
      font-size: 2.5em;
      font-weight: bold;
      color: #fff;
    }

    .logo-text {
      font-size: 2em; color: #fff; letter-spacing: 2px;
      font-weight: 600;
      margin-top: 20px;
      animation: fadeIn 2s ease-in-out;
    }

    @keyframes pulse {
      0%, 100% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }