@import url("https://googleapis.com");


/* Style global et police moderne */
body { 
  background-color: #121212; 
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  margin: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

/* Centrage parfait du logo au milieu de l'écran avec un léger effet d'ombre */
.logo { 
  width: 100px; 
  height: auto; 
  position: absolute; 
  top: 45%; /* Remonté légèrement pour un meilleur équilibre visuel */
  left: 50%; 
  transform: translate(-50%, -50%); 
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));
}

/* Base commune pour des boutons modernes et interactifs */
.downloadexc, .downloadext { 
  position: absolute; 
  top: 70%; /* Descendu un peu pour laisser respirer le logo */
  transform: translateY(-50%); /* Suppression du centrage X ici pour simplifier */
  padding: 12px 28px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap; /* Empêche le texte de sauter à la ligne */
}

/* Bouton Principal (EXC) : Placé par rapport au centre de l'écran avec une marge */
.downloadexc { 
  right: 51%; /* S'aligne à gauche du centre de l'écran */
  background: linear-gradient(135deg, #0076ff, #0055d4);
  color: #ffffff;
  border: none;
  box-shadow: 0 4px 15px rgba(0, 118, 255, 0.3);
}

.downloadexc:hover {
  transform: translateY(-54%); /* Effet de survol corrigé pour cet axe */
  box-shadow: 0 6px 20px rgba(0, 118, 255, 0.5);
  filter: brightness(1.1);
}

.downloadexc:active {
  transform: translateY(-50%);
}

/* Bouton Secondaire (EXT) : Placé par rapport au centre de l'écran avec une marge */
.downloadext { 
  left: 51%; /* S'aligne à droite du centre de l'écran */
  background-color: rgba(255, 255, 255, 0.03);
  color: #e0e0e0;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.downloadext:hover {
  transform: translateY(-54%);
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.4);
}

.downloadext:active {
  transform: translateY(-50%);
}

.foo {
    font-size: 13px;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9b9b9b;
}