:root{--bg:#0b0e13;--panel:#141a22;--line:#232d3a;--txt:#e8ecf1;--dim:#95a3b3;--red:#ff2d55;--yellow:#ffd60a;--green:#3dd67f}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#9ad0ff}
header{border-bottom:1px solid var(--line);background:#080b0f}
nav{max-width:820px;margin:0 auto;padding:14px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
nav .marque{font-weight:800;letter-spacing:-.01em;color:#fff;text-decoration:none;font-size:1.05rem}
nav a{color:var(--dim);text-decoration:none;font-size:.92rem}
nav a:hover,nav a:focus{color:#fff}
main{max-width:820px;margin:0 auto;padding:26px 18px 60px}
h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.2;margin-bottom:14px;letter-spacing:-.02em}
h2{font-size:1.15rem;margin:32px 0 12px;color:var(--yellow);border-bottom:1px solid var(--line);padding-bottom:7px}
h3{font-size:1rem;margin:20px 0 8px;color:#fff}
p{margin-bottom:14px}
ul{margin:0 0 14px 20px}li{margin-bottom:7px}
.chapo{font-size:1.1rem;color:#c9d3de;margin-bottom:22px}
.bloc{border:1px solid var(--line);background:var(--panel);padding:15px 17px;margin-bottom:14px;border-radius:6px}
.bloc strong{display:block;color:#fff;margin-bottom:5px}
.alerte{border:2px solid var(--red);background:#170307;padding:15px 17px;margin:18px 0;border-radius:6px}
.alerte b{color:var(--red)}
.massue{border:2px solid var(--yellow);background:#171203;padding:15px 17px;margin:18px 0;border-radius:6px}
.massue .q{color:var(--yellow);font-weight:800;margin-bottom:7px;font-size:1.05rem}
.cta{display:block;padding:15px;margin:16px 0;border:0;border-radius:6px;font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}
.cta.p{background:var(--red);color:#fff}
.cta.s{background:transparent;border:2px solid var(--txt);color:var(--txt)}
form label{display:block;margin:18px 0 6px;font-weight:700;color:#fff}
form .aide{font-weight:400;color:var(--dim);font-size:.88rem;display:block;margin-top:3px}
input,textarea,select{width:100%;padding:12px;background:#0d1218;border:1px solid var(--line);border-radius:6px;color:var(--txt);font:inherit}
input:focus,textarea:focus{outline:2px solid #9ad0ff;outline-offset:1px}
textarea{min-height:170px;resize:vertical}
.coche{display:flex;gap:10px;align-items:flex-start;margin:18px 0}
.coche input{width:auto;margin-top:4px;flex:0 0 auto}
.coche span{font-size:.94rem;color:#c9d3de}
#etat{margin-top:16px;padding:13px;border-radius:6px;display:none}
#etat.ok{display:block;background:#07200f;border:1px solid var(--green);color:#bdf5d4}
#etat.ko{display:block;background:#200709;border:1px solid var(--red);color:#f8ccd5}
footer{border-top:1px solid var(--line);margin-top:44px;padding:20px 18px 40px;color:var(--dim);font-size:.85rem}
footer .in{max-width:820px;margin:0 auto}
footer a{color:var(--dim)}
.mini{font-size:.85rem;color:var(--dim)}

footer .legal{font-size:.72rem;color:#5c6875;margin-top:14px}
footer .legal a{color:#5c6875;text-decoration:underline}