:root{--bg:#f6f7f9;--fg:#1c2330;--mut:#5b6677;--pri:#1f5fd1;--card:#fff;--bd:#d7dce4;--err:#b3261e}
@media(prefers-color-scheme:dark){:root{--bg:#12161d;--fg:#e8ecf2;--mut:#9aa6b8;--pri:#6c9bf0;--card:#1b212b;--bd:#2c3441;--err:#f2928b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
main{max-width:560px;margin:0 auto;padding:24px 16px 48px}
h1{font-size:1.6rem;margin:.4em 0}p.lead{color:var(--mut)}
form,.carte{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-top:16px}
label{display:block;font-weight:600;margin-top:12px}
input[type=text],input[type=email]{width:100%;padding:10px;border:1px solid var(--bd);border-radius:8px;background:transparent;color:inherit;font:inherit;margin-top:4px}
.case{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin-top:14px}.case input{margin-top:5px}
button{margin-top:18px;width:100%;padding:12px;border:0;border-radius:8px;background:var(--pri);color:#fff;font:inherit;font-weight:700;cursor:pointer}
button[disabled]{opacity:.6;cursor:wait}
.erreur{color:var(--err);margin-top:12px}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
a{color:var(--pri)}footer{margin-top:24px;color:var(--mut);font-size:.9rem}
.lien{display:block;text-align:center;margin-top:14px;padding:12px;border-radius:8px;background:var(--pri);color:#fff;font-weight:700;text-decoration:none}