#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #141414; /* Or your brand background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modovo-text {
  font-family: "Kumbh Sans", sans-serif;
  font-size: 48px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: drawText 2.5s ease forwards, blinkFill 1s ease-in 2.5s forwards;
}

@keyframes drawText {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes blinkFill {
  to {
    fill: #ffffff;
  }
}