:root{
  --brand-black:#000000;
  --brand-red:#BB382A;
  --brand-yellow:#BDA319;
  --ink:#1f1f1f; --bg:#ffffff; --muted:#6c757d;
}
html,body{height:100%}
body{
  font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
  background:
    radial-gradient(1100px 520px at 10% -10%, rgba(187,56,42,.08), transparent),
    radial-gradient(900px 480px at 120% 20%, rgba(189,163,25,.08), transparent),
    var(--bg);
  color:var(--ink);
  overflow-x:hidden;
  position:relative;
}
/* Filigrane plein écran, responsive */
body::before{
  content:"";
  position:fixed; inset:0;
  background: url("images/logo.png") center / cover no-repeat;
  opacity:.25;
  pointer-events:none; z-index:0;
}
header, main, footer{position:relative; z-index:1;}

.brandbar{background:var(--brand-red);color:#fff}
.chips{display:flex; gap:.5rem; align-items:center; justify-content:center}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;font-weight:700;border:1px solid rgba(0,0,0,.15)}
.chip-yellow{background:var(--brand-yellow);color:var(--brand-black)}
.chip-black{background:var(--brand-black);color:#fff;border-color:rgba(255,255,255,.25)}
.chip-red{background:var(--brand-red);color:#fff;border-color:rgba(0,0,0,.25)}

.card{border:none;box-shadow:0 8px 28px rgba(0,0,0,.08);border-radius:1rem;margin-left:auto;margin-right:auto}
.card-header{background:var(--brand-black);color:#fff;border:none;border-radius:1rem 1rem 0 0 !important;text-align:center}

.display-6{font-size:clamp(1.25rem,2.5vw + .5rem,2rem)}
.lead{font-size:clamp(1rem,1.2vw + .6rem,1.15rem);color:var(--muted)}
.container-tight{max-width:720px;margin-left:auto;margin-right:auto}
:focus-visible{outline:3px solid var(--brand-yellow);outline-offset:2px}

.btn-yellow{background:var(--brand-yellow);color:var(--brand-black);border:none}
.btn-yellow:hover{filter:brightness(0.95)}
.submit-wrap{display:flex;justify-content:center}

footer{border-top:1px solid rgba(0,0,0,.08); background:#fafafa}
.social a{color:inherit; text-decoration:none}
.social a:hover{opacity:.8}