:root{--navy:#171d36;--bleu:#3758bb;--bleu-clair:#5673cd;--bleu-pale:#ccd5f0;--papier:#fff;--fond:#f4f6fb;--trait:#dfe4f2;--texte:#171d36;--attenue:#5c6580;--erreur:#b42318;--succes:#1a7f4b;--rayon:14px;--ombre:0 1px 2px #171d360f, 0 8px 24px #171d3612}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fond);color:var(--texte);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}input,button,textarea,select{font:inherit;font-size:16px}a{color:var(--bleu)}:focus-visible{outline:2px solid var(--bleu);outline-offset:2px;border-radius:4px}.page{max-width:460px;margin:0 auto;padding:20px 16px 40px}.panneau{background:var(--papier);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre);overflow:hidden}.bandeau{background:var(--navy);height:168px;overflow:hidden}.photo{object-fit:cover;object-position:center 62%;width:100%;height:100%;display:block}.marque{padding:18px 22px 0}.logo{width:168px;height:auto;display:block}.carte{flex-direction:column;padding:14px 22px 24px;display:flex}.titre{letter-spacing:-.4px;color:var(--navy);margin:6px 0 8px;font-size:26px;font-weight:700;line-height:1.2}.chapo{color:var(--attenue);margin:0 0 16px;font-size:15px}.chapo strong{color:var(--texte);font-weight:600}.erreur{color:var(--erreur);background:#fdf1f0;border:1px solid #f3c9c5;border-radius:10px;margin:0 0 16px;padding:11px 13px;font-size:14px}.champ{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.champ label{color:var(--texte);font-size:13.5px;font-weight:600}.champ input{border:1px solid var(--trait);background:var(--papier);color:var(--texte);border-radius:10px;width:100%;padding:12px 13px}.champ input::placeholder{color:#9aa3b8}.champ input:focus{border-color:var(--bleu);outline:none;box-shadow:0 0 0 3px #3758bb24}.conditions{color:var(--attenue);align-items:flex-start;gap:10px;margin:4px 0 20px;font-size:13px;line-height:1.45;display:flex}.conditions input{width:18px;height:18px;accent-color:var(--bleu);flex:none;margin:1px 0 0}.conditions strong{color:var(--texte);font-weight:600}.bouton{background:var(--bleu);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:11px;width:100%;padding:14px 16px;font-size:16px;font-weight:650;text-decoration:none;display:block}.bouton:active{background:#2c489c}.bouton:disabled{background:var(--bleu-clair);opacity:.75;cursor:default}.bouton-secondaire{border:1px solid var(--trait);background:var(--papier);width:100%;color:var(--bleu);text-align:center;cursor:pointer;border-radius:11px;padding:12px 16px;font-size:15px;font-weight:600;display:block}.bouton-secondaire:active{background:var(--fond)}.bouton-secondaire:disabled{opacity:.6;cursor:default}.separateur{color:#9aa3b8;align-items:center;gap:12px;margin:18px 0;font-size:12.5px;display:flex}.separateur:before,.separateur:after{content:"";background:var(--trait);flex:1;height:1px}.coche{width:46px;height:46px;color:var(--succes);background:#e7f5ed;border-radius:50%;justify-content:center;align-items:center;margin:8px 0 4px;font-size:24px;font-weight:700;display:flex}.apres{color:var(--attenue);text-align:center;margin:16px 0 0;font-size:13.5px}.pied{color:var(--attenue);margin:22px 4px 0;font-size:13px;line-height:1.6}.pied p{margin:0 0 8px}.pied-nom{color:var(--texte);font-weight:650}.pied-liens a{white-space:nowrap}@media (min-width:600px){.page{padding-top:44px}.bandeau{height:190px}}