*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#222a29;font:16px/1.6 system-ui,sans-serif}main{max-width:640px;margin:7vh auto;padding:32px}.marque{font-size:14px;text-transform:uppercase;letter-spacing:.16em;color:#596861}h1{font:500 clamp(40px,8vw,64px)/1.08 Georgia,serif;margin:30px 0 20px}h2{font:500 25px Georgia,serif;margin:0 0 20px}.intro{color:#5f6c66;margin-bottom:30px}section{padding:28px;background:white;border:1px solid #e4e5df;border-radius:12px;margin:22px 0}label{display:block;font-size:14px;margin:16px 0}input{display:block;width:100%;padding:12px;border:1px solid #aeb7b2;border-radius:6px;font:inherit;margin-top:6px}input:focus{outline:2px solid #347263;outline-offset:2px}button,.bouton{display:inline-block;background:#21594a;color:white;border:0;border-radius:6px;padding:12px 18px;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.secondaire{background:#edf2ee;color:#234b40;margin:8px 8px 0 0}.aide{font-size:13px;color:#68716c}#message:not(:empty){padding:14px;background:#f6e9d8;border-radius:6px}.utilisateur{padding:15px 0;border-top:1px solid #ddd;overflow-wrap:anywhere}.utilisateur small{display:block;color:#627169}[hidden]{display:none!important}

.titre-separe{margin-top:32px;padding-top:24px;border-top:1px solid #e4e5df}.regles{padding:12px;background:#edf2ee;border-radius:6px}