@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Spectral+SC:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Turret+Road:wght@200;300;400;500;700;800&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Train+One&family=Turret+Road:wght@200;300;400;500;700;800&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Rationale&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
        /* Pour le slogan */

   /* Styles généraux */
        body {
            background-color: #000000; /* Fond sombre */
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            min-height: 100vh;
            text-align: center;
                        padding: 0px 0;
            overflow-y: auto;
            background-image: url('../images/background.jpg'); /* Chemin vers l'image */
            background-size: cover; /* Ajuste l'image pour couvrir tout l'écran */
            background-position: center; /* Centre l'image */
            background-attachment: fixed; /* Effet parallaxe */
            background-repeat: no-repeat; /* Empêche la répétition */
            height: 100vh; /* Hauteur pleine page */
            margin: 0; /* Supprime les marges par défaut */
                position: relative;
}

body::before {
    content: "";
    position: fixed;  /* Fixe l'overlay sur toute la page */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Effet sombre */
    z-index: -1;  /* S'assure qu'il est derrière le contenu */
}





.hidden-message {
    opacity: 0;
    color: #00ff00;
    transition: opacity 0.4s ease-in-out;
}

.hidden-message:hover {
    color: #00ff00;
  opacity: 1;
}

        @media (max-width: 600px) {
            body, .container {
                padding: 0 5px; /* Réduit le padding sur mobile */
            }
            .btc-address img {
                width: 100px; /* Ajuste la taille du QR Code sur mobile */
            }
        }
        
        
        .header {
            display: inline;
            justify-content: space-between;
            align-items: center;
            max-width: 600px;
          
        }

        .logo {
            width: 70%;
            height: auto;
            padding-top: 0px;
            align-content: center;
        }

        .title-box {
            text-align: center;
            flex-grow: 1;
            color:#fff;

        }

.devise{
font-family: "Rationale", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1rem;
        }

.headline{
font-family: "Rationale", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 1rem;
    color: #fff;
        }




    /* Empêche la sélection du texte lors du double-clic */


        .social-icons {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-top: 10px;
                        margin-bottom: 10px;

        }

        .social-icons a {
            text-decoration: none;
            color: #fff;
            font-size: 1.5rem;
            transition: transform 0.2s ease, color 0.3s ease;
        }

        .social-icons a:hover {
            transform: scale(1.1);
            color: #bbb;
        }
        


        /* FAQ en accordéon */
        .faq {
            width: 100%;
            max-width: 600px;
            margin-top: 0px;
            margin-bottom: 10px;

        }

        .faq-item {
            border-bottom: 1px solid #333;
        }

        .faq-question {
            width: 100%;
            text-align: left;
            background: none;
            border: none;
            color: #bbb;
            font-size: 1rem;
            font-family: 'Patrick Hand', cursive;
            font-weight: 700;
            padding: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            font-size: 0.9rem;
            color: #bbb;
            padding: 0 10px;
            font-family: 'Roboto', sans-serif;
            text-align: left;
        }

        .faq-item.active .faq-answer {
            max-height: 200px;
            padding-bottom: 10px;
        }

        /* Styling for bold links and special terms */
        a {
            font-weight: bold;
            color: #bbb;
            text-decoration: none;
        }

        footer {
            width: 100%;
            text-align: center;
            font-size: 0.9rem;
            color: #fff;
            padding-bottom: 10px;
                        padding-top: 30px;

        }
        
           /* Style du slogan */
.slogan {
       display: flex;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    font-family: 'Dancing Script', cursive;
    font-weight: 600;
            white-space: nowrap;
                padding: 0;
    margin: 0;
}

#aliasfooter {
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}

#aliasfooter:hover::after {
    content: "🦉 Lard Tisant Entre Preneur"; /* Ton vrai prénom */
}
#aliasfooter:after {
  content: "🕊️ L'Artisan Entrepreneur️"; /* Alias par défaut */
    display: block;
 }



.funfact {
font-size: 1rem;
    color: #fff;
    text-align: center;
    font-family: 'Patrick Hand', cursive;
  font-weight: 400;
  font-style: normal;
    padding-bottom:20px;
}


.glitch {
    position: relative;
    display: inline-block;
    font-weight: bold;
    animation: glitch 0.5s infinite alternate;
}

@keyframes glitch {
    0% { transform: translate(0); text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
    20% { transform: translate(-2px, 2px); text-shadow: 0 0 5px #f0f, 0 0 10px #f0f; }
    40% { transform: translate(2px, -2px); text-shadow: 0 0 5px #ff0, 0 0 10px #ff0; }
    60% { transform: translate(-2px, 2px); text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
    80% { transform: translate(2px, -2px); text-shadow: 0 0 5px #f0f, 0 0 10px #f0f; }
    100% { transform: translate(0); text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
}
    
.fb-boomer {
    position: relative;
    color: #3b5998; /* Bleu Facebook pour l'ironie */
}

.fb-boomer:hover::after {
    content: "Boomer, active le cheat code sur GTA Vice City !";
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    font-size: 0.8rem;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.darknet-link {
    color: #ff0000; /* Rouge bien suspect */
    animation: blink 1.5s infinite alternate;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0.3; }
}


.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* Ajustement automatique */
    max-width: 100vw; /* Adapte la largeur à l'écran */
    padding: 10px 0;
    overflow: hidden;
    color: #00ff00;
}

.logo-glitch {
    width: 100%; /* Remplit le conteneur */
    max-width: 250px; /* Taille max sur grand écran */
    height: auto;
    filter: grayscale(100%) contrast(120%) brightness(90%) blur(0.8px);
    animation: glitchEffect 0.3s infinite alternate;
    position: relative;
    color:#00ff00;
}

/* Adaptation complète pour mobiles */
@media (max-width: 768px) {
    .logo-container {
        max-width: 80vw; /* Ajustement automatique */
    }
    .logo-glitch {
        max-width: 150px; /* Taille réduite pour mobiles */
    }
}

/* Effet Glitch */
@keyframes glitchEffect {
    0% { transform: translate(0, 0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(2px, -2px); }
    60% { transform: translate(-2px, 2px) scaleX(1.02); }
    80% { transform: translate(2px, -2px) scaleX(0.98); }
    100% { transform: translate(0, 0); }
}

.MatrixTalk {
     font-family: 'VT323', monospace;
    font-size: 1rem; /* Ajuste selon besoin */
    color: #00ff00; /* Vert Matrix */
    text-shadow: 0px 0px 10px rgba(0, 255, 0, 0.8);
}

.MatrixTalkText {
    font-family: 'VT323', monospace;
    font-size: 1rem; /* Ajuste selon besoin */
    color: #00ff00; /* Vert Matrix */
    text-shadow: 0px 0px 10px rgba(0, 255, 0, 0.8);
}

.dud {
      font-family: 'VT323', monospace;
    font-size: 2rem; /* Ajuste selon besoin */
    color: #00ff00; /* Vert Matrix */
    text-shadow: 0px 0px 10px rgba(0, 255, 0, 0.8);
}

.text {
  font-family: 'VT323', monospace;
}

.neo {
    font-family: 'Orbitron', sans-serif;
    font-weight: 700;
    color: #00ff00; /* Vert Matrix */
    letter-spacing: 2px;
    text-shadow: 0px 0px 10px rgba(0, 255, 0, 0.8);
}

.cyberpunk-check {
       filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00);
        animation: pulse 0.8s infinite alternate;
    }

    @keyframes pulse {
        0% { filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00); }
        100% { filter: drop-shadow(0 0 8px #00ff00) drop-shadow(0 0 15px #00ff00); }
    }
    
.btc-qrcode {
    position: relative;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.btc-qrcode img {
    width: 150px;
    border-radius: 5px;
    box-shadow: 0 0 20px #0ff, 0 0 40px #0ff; /* Glow bleu néon */
    transition: transform 0.3s ease-in-out;
}

.btc-qrcode img:hover {
    transform: scale(1.1);
}

/* Effet SCAN */
.scan-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgba(0, 255, 0, 0.8);
    box-shadow: 0px 0px 10px 5px rgba(0, 255, 0, 0.5);
    animation: scanEffect 2s linear infinite;
}

@keyframes scanEffect {
    0% { top: 0; opacity: 1; }
    50% { opacity: 0.5; }
    100% { top: 100%; opacity: 1; }
}

/* Style Windows 95 */
.win95-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.win95-modal.hidden {
  display: none;
}

.win95-window {
  background: #c0c0c0;
  border: 2px solid #000;
  width: 300px;
  box-shadow: 5px 5px 0px #000;
  font-family: 'VT323', monospace;
  color: #000;
}

.win95-titlebar {
  background: #000080;
  color: white;
  padding: 5px;
  font-weight: bold;
}

.win95-content {
  padding: 20px;
  text-align: center;
}

.win95-buttons button {
  font-family: 'VT323', monospace;
  padding: 5px 10px;
  margin: 10px;
  border: 2px outset #fff;
  background: #e0e0e0;
  cursor: pointer;
}