:root {
  --bleu:#000622;
  --olive:#1F2200;
  --vert:#F7FFF5;
  --gris:#D9D9D9;
  --jaune:#D8DF93;
  --accent:var(--jaune);
}

/* Fond global identique à ton site */
body.coming {
  margin: 0;
  height: 100vh;
  color: var(--vert);
  font-family: "Poppins", system-ui, sans-serif;
  background:
    radial-gradient(900px 500px at -5% -10%, var(--jaune) 0%, color-mix(in srgb, var(--jaune) 30%, var(--olive)) 38%, transparent 70%),
    radial-gradient(700px 450px at 12% 0%, color-mix(in srgb, var(--olive) 70%, transparent) 0%, transparent 70%),
    linear-gradient(180deg, var(--bleu), color-mix(in srgb, var(--bleu) 80%, var(--olive) 20%));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Structure */
.coming-wrapper {
  max-width: 720px;
  padding: 40px 20px;
}

.coming-logo {
  display: block;
  margin: 0 auto 16px;
  border-radius: 10px;
}

.coming-title {
  font-size: 2rem;
  letter-spacing: .18em;
  margin: 0;
}

.coming-subtitle {
  font-weight: 400;
  color: var(--gris);
  margin-top: 4px;
}

.coming-body h2 {
  margin: 40px 0 20px;
  font-weight: 500;
}

/* Compteur */
.countdown {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
}

.countdown-item {
  text-align: center;
}

.countdown-number {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  color: var(--accent);
}

.countdown-label {
  font-size: .9rem;
  color: var(--gris);
}

.coming-footer {
  margin-top: 50px;
  font-size: .85rem;
  color: color-mix(in srgb, var(--gris) 70%, transparent);
}