/* Charte Croissance & Coaching : nuit, violet, magenta, lilas, Inter. Partagée par l'accueil, la présentation et le questionnaire. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");

:root {
  --nuit: #0e0024;
  --nuit-2: #1b0b3d;
  --nuit-3: #2a1b4f;
  --violet: #802bff;
  --violet-clair: #b48cff;
  --magenta: #ff00fb;
  --accent-sombre: #e86bff;
  --lilas: #f8f4fe;
  --lilas-2: #efe6ff;
  --blanc: #ffffff;
  --texte: #0e0024;
  --texte-2: #4f4868;
  --texte-3: #847d99;
  --trait: #e6dff3;
  --ok: #17845a;
  --grad: linear-gradient(133.69deg, #ff00fb -2.59%, #802bff 113.65%);
  --ombre: 0 18px 48px -18px rgba(14, 0, 36, .28);
  --rayon: 18px;
  --sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: var(--sans); color: var(--texte); background: var(--blanc); line-height: 1.55; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4 { margin: 0; line-height: 1.12; letter-spacing: -0.02em; text-wrap: balance; }
p { margin: 0; }
a { color: var(--violet); }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--violet); outline-offset: 3px; border-radius: 6px; }

/* Bouton principal : pilule nuit avec pastille en dégradé (bouton du site actuel) */
.btn {
  display: inline-flex; align-items: center; gap: 12px; padding: 8px 8px 8px 22px; border-radius: 999px;
  background: var(--nuit); color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; border: 0; cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn::after {
  content: "→"; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--grad); font-size: 17px;
}
.btn:hover { transform: translateY(-2px); box-shadow: var(--ombre); }
.btn.clair { background: #fff; color: var(--nuit); }
.btn.grad { background: var(--grad); }
.btn.grad::after { background: rgba(255, 255, 255, .22); }
.btn.sans-fleche { padding: 12px 22px; }
.btn.sans-fleche::after { display: none; }
.lien { font-weight: 600; color: var(--violet); text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 1px; }
.lien:hover { color: var(--magenta); }

.surtitre { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--violet); }
.sombre .surtitre { color: var(--accent-sombre); }
.grad-texte { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}