.loader-container {
  position: fixed;
  inset: 0;
  background-color: rgba(13, 13, 13, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(5px);
}

.loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.loader {
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
}

.loader .bar {
  width: 6px;
  height: 30px;
  background-color: #f25c05;
  border-radius: 3px;
  animation: pulse 1s infinite ease-in-out;
  box-shadow: 0 0 8px #f25c05;
}

.loader .bar:nth-child(1) { animation-delay: 0s; }
.loader .bar:nth-child(2) { animation-delay: 0.1s; }
.loader .bar:nth-child(3) { animation-delay: 0.2s; }
.loader .bar:nth-child(4) { animation-delay: 0.3s; }
.loader .bar:nth-child(5) { animation-delay: 0.4s; }

@keyframes pulse {
  0%, 100% {
    transform: scaleY(0.5);
    opacity: 0.4;
  }
  50% {
    transform: scaleY(1.3);
    opacity: 1;
  }
}

/* Efeito de digitação */
.typewriter {
  overflow: hidden;
  border-right: 2px solid #f25c05;
  white-space: nowrap;
  animation:  typing 3s steps(20, end), blink 0.7s step-end infinite;
  font-family: 'Orbitron', sans-serif;
  color: #f25c05;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 0;
  animation-fill-mode: forwards;
}

/* Após digitação, ativa a pulsação */
.typewriter.done {
  animation: none;
  border-right: none;
  width: auto;
  animation: textPulse 1.5s infinite ease-in-out;
}

@keyframes typing {
  from { width: 0; }
  to { width: 29ch; }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

/* Pulsação após digitar */
@keyframes textPulse {
  0%, 100% {
    transform: scale(1);
    text-shadow: 0 0 5px #f25c05, 0 0 15px #f25c05;
  }
  50% {
    transform: scale(1.05);
    text-shadow: 0 0 10px #f25c05, 0 0 20px #f25c05;
  }
}