html { scroll-behavior:smooth; }

  /* Stile "Comic Outline" per i titoli principali */
  .hero-stroke,
  .comic-outline {
    color: #ff0000;
    -webkit-text-stroke: 4px #1a202c; /* Bordo nero/blu scuro */
    text-shadow: 0 0 5px rgba(0,0,0,.35);
    paint-order: stroke fill;
  }
  @media (max-width:768px){
    .hero-stroke, .comic-outline { -webkit-text-stroke: 2px #1a202c; }
  }

  /* Animazione di entrata per gli elementi */
  .reveal {
    opacity:0;
    transform:translateY(40px);
    transition:opacity .8s ease, transform .8s ease;
    will-change:transform, opacity;
  }
  .reveal.visible {
    opacity:1;
    transform:translateY(0);
  }
  .reveal-delay-1 { transition-delay:.15s; }
  .reveal-delay-2 { transition-delay:.30s; }

  /* Stile dei pulsanti principali */
  .btn-primary {
    position:relative;
    background:#facc15; /* Giallo Acceso */
    color:#1a202c; /* Testo scuro */
    font-weight:700;
    padding:.95rem 2.1rem;
    border-radius:1.2rem;
    border:3px solid #1a202c;
    box-shadow:6px 6px 0 #1a202c;
    transition:.18s;
    display:inline-block;
  }
  .btn-primary:hover {
    transform:translate(-3px,-3px);
    box-shadow:10px 10px 0 #1a202c;
  }
  .btn-primary:active {
    transform:translate(0,0);
    box-shadow:3px 3px 0 #1a202c;
  }
  
  /* Animazione "bobbing" per elementi grafici */
  @keyframes bob {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-8px); }
  }
  .animate-bob { animation:bob 1.7s ease-in-out infinite; }

  /* Stile Menu Mobile */
  .mobi-menu {
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
  }
  .mobi-menu.open { max-height:280px; }

  /* Colore di sfondo generale */
  body { background:#f9f6f1; } /* Grigio ardesia molto chiaro */

  /* Stile personalizzato per la scrollbar */
  ::-webkit-scrollbar { width:10px; }
  ::-webkit-scrollbar-track { background:#e2e8f0; } /* Grigio ardesia chiaro */
  ::-webkit-scrollbar-thumb { background:#3b82f6; border-radius:20px; border:2px solid #e2e8f0; } /* Blu */
  ::-webkit-scrollbar-thumb:hover { background:#1d4ed8; } /* Blu scuro */
  
  /* Animazione per il preloader */
  @keyframes preloaderProgress {
    from { width: 0; }
    to   { width: 100%; }
  }
  #preloader-bar {
    animation: preloaderProgress 2s linear forwards;
  }



.marquee-auto{
  overflow:hidden;
  border-top:4px solid #1a202c;
  border-bottom:4px solid #1a202c;
  background:linear-gradient(90deg,#fab760,#fa9e35,#fab760); /* Gradiente Blu */
  padding:.6rem 0;
  position:relative;
}
.marquee-auto__inner{
  display:inline-flex;
  gap:4rem;
  font-weight:800;
  font-size:0.95rem;
  letter-spacing:.25em;
  white-space:nowrap;
  color:#fff;
  animation:marqueeRun var(--marquee-duration,18s) linear infinite;
}
.marquee-auto__inner span{
  filter:drop-shadow(2px 2px 0 #1d4ed8); /* Ombra blu scuro */
}
@keyframes marqueeRun{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--marquee-shift)))}
}
#acceptTxt{
    color: #000000;
  
    font-weight: bold;
    font-size: 20px;
}

.error-message1 {
            
  color: red;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
 animation: fade-out 8s ease-in-out;
        }

        @keyframes fade-out {
            0% { opacity: 1; }
            90% { opacity: 1; }
            100% { opacity: 0; }
        }

.error-message2 {
            color: #15ff00;

  font-weight: bold;
  margin-top: 10px;
  text-align: center;
} animation: fade-out 8s ease-in-out;
        }

        @keyframes fade-out {
            0% { opacity: 1; }
            90% { opacity: 1; }
            100% { opacity: 0; }
        }