/* BeHundred — pages de contenu (support, CGU, confidentialité, mentions légales).
   Nav, boutons et pied de page : mêmes règles que la page d'accueil (index.html). */

@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
html{background:#000000;color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:#000000;color:#FFFFFF;font-family:-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',sans-serif;font-size:18px;line-height:25.2px;font-weight:500;letter-spacing:0.17px;-webkit-font-smoothing:antialiased}
picture>source{display:none}
a{color:#FFFFFF}a:hover{color:#FFFFFF}

/* ---------- Nav (identique à l'accueil) ---------- */
.navlink{color:rgba(255,255,255,0.6);text-decoration:none;font-size:16px;font-weight:500;line-height:22.4px;transition:color .15s}
.navlink:hover,.navlink[aria-current="page"]{color:#FFFFFF}
.nav-links{display:flex;gap:40px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border-radius:128px;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0;transition:transform .6s cubic-bezier(0.19,1,0.22,1),box-shadow .3s}
.btn:hover{transform:scale(1.025);box-shadow:inset 0 0 .25rem #ffffff80}
.burger{display:none;width:44px;height:44px;border:0;background:transparent;padding:0 10px;cursor:pointer;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px}
.bl{display:block;height:2px;border-radius:1px;background:#FFFFFF;transition:transform .4s cubic-bezier(0.19,1,0.22,1),opacity .2s,width .4s cubic-bezier(0.19,1,0.22,1)}
.bl1{width:24px}.bl2{width:12px}.bl3{width:16px}
.nav-open .bl1{transform:translateY(7px) rotate(45deg)}
.nav-open .bl2{opacity:0}
.nav-open .bl3{width:24px;transform:translateY(-7px) rotate(-45deg)}
.mmenu{display:none}
@keyframes bhMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width: 767px){
.navpill{width:100%;justify-content:space-between;gap:0;border-radius:16px;flex-wrap:wrap}
.nav-links,.nav-cta{display:none}
.burger{display:flex}
.navpill.nav-open{background:rgba(28,28,30,0.92) !important}
.nav-open .mmenu{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px 0;animation:bhMenuIn .3s cubic-bezier(0.19,1,0.22,1)}
}

/* ---------- Pied de page (identique à l'accueil) ---------- */
.footlink{color:rgba(255,255,255,0.6);text-decoration:none;font-size:16px;line-height:22.4px;transition:color .15s}
.footlink:hover,.footlink[aria-current="page"]{color:#FFFFFF}

/* ---------- Colonne de lecture ---------- */
.doc{max-width:680px;margin:0 auto;padding:clamp(136px, 9vw + 70px, 184px) clamp(1rem, 1.429vw + .714rem, 2rem) clamp(5rem, 7.143vw + 3.571rem, 10rem);box-sizing:content-box;font-size:clamp(17px, .14vw + 16.5px, 18px);line-height:1.65;font-weight:400;letter-spacing:0;color:rgba(255,255,255,0.78)}
.doc h1{margin:0;font-size:clamp(2.5rem, 2.143vw + 2.071rem, 4rem);line-height:1;letter-spacing:-0.03em;font-weight:600;color:#FFFFFF}
.doc .updated{margin:16px 0 0;font-size:15px;line-height:1.4;color:rgba(255,255,255,0.45)}
.doc .lead{margin:16px 0 0;font-size:clamp(1.25rem, .357vw + 1.179rem, 1.5rem);line-height:1.3;color:rgba(255,255,255,0.6)}
.doc h2{margin:56px 0 0;font-size:clamp(1.5rem, .6vw + 1.3rem, 1.875rem);line-height:1.1;letter-spacing:-0.02em;font-weight:600;color:#FFFFFF}
.doc h3{margin:32px 0 0;font-size:clamp(1.125rem, .2vw + 1.07rem, 1.25rem);line-height:1.25;letter-spacing:-0.01em;font-weight:600;color:#FFFFFF}
.doc p{margin:14px 0 0}
.doc h2+p,.doc h3+p{margin-top:12px}
.doc strong{font-weight:600;color:#FFFFFF}
.doc a.lnk,.doc p a{color:#FCD120;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.doc a.lnk:hover,.doc p a:hover{color:#FFE27A}
.doc dl{margin:14px 0 0;display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:8px 24px}
.doc dt{color:rgba(255,255,255,0.5)}
.doc dd{margin:0;color:rgba(255,255,255,0.85)}
@media (max-width: 560px){.doc dl{grid-template-columns:1fr;gap:2px}.doc dd{margin-bottom:10px}}

/* ---------- Support : formulaire + FAQ ---------- */
.card{margin-top:40px;border-radius:24px;background:#1C1C1E;padding:clamp(24px, 3vw, 40px);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field.full{grid-column:1 / -1}
@media (max-width: 560px){.form-grid{grid-template-columns:1fr}}
.field label{font-size:15px;line-height:1.3;font-weight:500;color:rgba(255,255,255,0.85)}
.field input,.field select,.field textarea{box-sizing:border-box;width:100%;margin:0;border:0;border-radius:14px;background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);color:#FFFFFF;font:inherit;font-size:17px;line-height:1.4;letter-spacing:0;padding:13px 16px;outline:none;transition:box-shadow .15s,background-color .15s;-webkit-appearance:none;appearance:none}
.field textarea{min-height:160px;resize:vertical}
.field select{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-opacity='0.6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.field select:invalid{color:rgba(255,255,255,0.4)}
.field select option{color:#FFFFFF;background:#1C1C1E}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,0.35)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:inset 0 0 0 2px #FCD120;background-color:rgba(255,255,255,0.08)}
.field [aria-invalid="true"]{box-shadow:inset 0 0 0 2px #FF6B5E}
.field-error{margin:0;font-size:14px;line-height:1.35;color:#FF8A80}
.field-error:empty{display:none}
.hp{position:absolute !important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-actions{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.btn-send{border:0;cursor:pointer;font-family:inherit;padding:12px 22px;background:#FCD120;color:#000000}
.btn-send[disabled]{opacity:.6;cursor:progress;transform:none}
.form-note{margin:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,0.5)}
.form-note a{color:rgba(255,255,255,0.75);text-decoration:underline;text-underline-offset:2px}
.form-status{margin:20px 0 0;border-radius:14px;padding:14px 16px;font-size:16px;line-height:1.45}
.form-status:empty{display:none}
.form-status.ok{background:rgba(52,199,89,0.12);box-shadow:inset 0 0 0 1px rgba(52,199,89,0.35);color:#B6F2C4}
.form-status.err{background:rgba(255,107,94,0.12);box-shadow:inset 0 0 0 1px rgba(255,107,94,0.35);color:#FFC2BC}
.alt-mail{margin-top:20px;font-size:16px;color:rgba(255,255,255,0.6)}
.faq{margin-top:16px;display:flex;flex-direction:column;gap:12px}
.faq-card{border-radius:20px;background:#1C1C1E;padding:22px 24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}
.faq-card h3{margin:0}
.faq-card p{margin:8px 0 0}

@media (prefers-reduced-motion: reduce){.btn,.bl,.navlink,.footlink{transition:none}.nav-open .mmenu{animation:none}}