/* ============================================
   INDEX.CSS — Burgouzz Factory
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --coal:   #0f0f0f;
  --orange: #e8621a;
  --gold:   #f0c040;
  --cream:  #fdf4e3;
  --muted:  rgba(255,255,255,.55);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.72) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,.82) 100%),
    url("../image/background.png") no-repeat center center fixed;
  background-size: cover;
  font-family: 'Outfit', sans-serif;
  color: var(--cream);
}

/* ── Hero message ─────────────────────────── */
.messageBVN {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 62px);
  text-align: center;
  padding: 2rem;
  animation: heroFade .8s ease both;
}

@keyframes heroFade {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

.messageBVN h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.8rem, 7vw, 6rem);
  line-height: 1.0;
  color: var(--cream);
  text-shadow: 0 4px 32px rgba(0,0,0,.6);
  margin-bottom: 1rem;
  letter-spacing: .04em;
}

.messageBVN h2 span,
.messageBVN h2 strong { color: var(--orange); }

.messageBVN p {
  font-size: 1.05rem;
  color: var(--muted);
  max-width: 480px;
  line-height: 1.6;
  margin-bottom: 2rem;
}

/* Flame accent sous le titre */
.messageBVN::after {
  content: '🔥';
  font-size: 2.5rem;
  margin-top: .5rem;
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.12); } }