/* Sfondo full-screen con l'immagine di codice */
body.mala-body {
  margin: 0;
  padding: 0;
  min-height: 100vh;

  background: #000 url("/sfondo.png") center center no-repeat;
  background-size: cover;

  display: flex;
  justify-content: center;
  align-items: center;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #00ff00;
}

/* Overlay centrale responsivo */
.mala-overlay {
  width: 100%;
  max-width: 900px;
  padding: 16px;
  text-align: center;
  box-sizing: border-box;
}

/* Logo centrale responsivo */
.mala-logo {
  max-width: 800px;      /* dimensione massima su desktop */
  width: 70vw;           /* scala con la larghezza dello schermo */
  height: auto;
  margin-bottom: 28px;
}

/* Progress bar responsiva */
.mala-progress {
  width: 60vw;
  max-width: 520px;
  min-width: 220px;
  height: 10px;
  background: rgba(0, 16, 0, 0.9);
  border-radius: 999px;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: 0 0 15px #00ff00;
}

.mala-progress-bar {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #00ff00, #00aa00);
  animation: mala-load 2.5s ease-in-out infinite;
}

@keyframes mala-load {
  0%   { width: 0%; }
  50%  { width: 90%; }
  100% { width: 100%; }
}

/* Testo sotto la barra */
.mala-text {
  margin-top: 14px;
  font-size: 14px;
  letter-spacing: 1px;
  text-shadow: 0 0 5px #00ff00;
}

/* --- Mobile --- */
@media (max-width: 600px) {
  .mala-logo {
    width: 80vw;
    max-width: 360px;
    margin-bottom: 20px;
  }

  .mala-progress {
    width: 80vw;
    min-width: 0;
  }

  .mala-text {
    font-size: 12px;
  }
}

/* --- Schermi molto larghi --- */
@media (min-width: 1400px) {
  .mala-logo {
    max-width: 640px;
  }

  .mala-progress {
    max-width: 640px;
  }
}