/* Pages simples : politique de confidentialité, conditions, mot de passe, confirmation. */
:root { --nuit:#061427; --texte:#1b2430; --doux:#5d6b7c; --ligne:#e1e6ed; --bleu:#1f8fe0; --vert:#3fcf6a; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 "Segoe UI",system-ui,-apple-system,sans-serif; background:#f4f6f9; color:var(--texte); }
header { background:var(--nuit); padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
header img { height:54px; width:auto; display:block; }
header a { color:#cfe3f7; font-size:14px; font-weight:600; text-decoration:none; }
main { max-width:760px; margin:0 auto; padding:24px 16px 48px; }
h1 { font-size:28px; line-height:1.2; margin:0 0 4px; }
h2 { font-size:19px; margin:28px 0 6px; }
p, li { max-width:68ch; }
ul { padding-left:20px; }
.maj { color:var(--doux); font-size:14px; margin:0 0 18px; }
.boite { background:#fff; border-radius:16px; box-shadow:0 4px 18px rgba(20,30,50,.08); padding:24px; max-width:420px; margin:40px auto; }
.boite h1 { font-size:24px; }
input { width:100%; font:inherit; font-size:17px; padding:12px; border:1px solid #c9d2de; border-radius:10px; margin:6px 0 14px; }
button, .bouton { display:inline-block; width:100%; text-align:center; font:inherit; font-weight:700; font-size:17px; color:#fff; border:0; border-radius:10px;
                  padding:12px; cursor:pointer; text-decoration:none; background:linear-gradient(90deg, var(--bleu), var(--vert)); }
.erreur { background:#fdecea; color:#b42318; border-radius:8px; padding:8px 12px; margin-bottom:12px; }
.aide { font-size:13px; color:var(--doux); margin-top:18px; }
a { color:var(--bleu); }
a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid var(--vert); outline-offset:2px; }
[data-l="en"] { display:none; }
html[lang="en"] [data-l="fr"] { display:none; }
html[lang="en"] [data-l="en"] { display:revert; }