:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fond:#0b1020;--encre:#f7f4ee;--discret:#b9c0cf;--bord:#1c253a;--panneau:#141b2d;--refus:#ff6670}:root[data-theme=clair]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fond:#faf8f4;--encre:#171a24;--discret:#5b6474;--bord:#d8dce5;--panneau:#fff;--refus:#b32632}*{box-sizing:border-box}body{background:var(--fond);min-height:100vh;color:var(--encre);place-items:center;margin:0;padding:24px;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;display:grid}form{background:var(--panneau);border:1px solid var(--bord);border-radius:10px;gap:16px;width:100%;max-width:340px;padding:28px 24px;display:grid}label{color:var(--discret);gap:6px;font-size:13px;display:grid}input{font:inherit;color:var(--encre);background:var(--fond);border:1px solid var(--bord);border-radius:6px;width:100%;padding:9px 11px}input:focus-visible{outline:2px solid var(--encre);outline-offset:1px}button{font:inherit;color:var(--panneau);background:var(--encre);cursor:pointer;border:0;border-radius:6px;padding:10px 14px;font-weight:600}button[disabled]{opacity:.55;cursor:default}p[role=alert]{color:var(--refus);min-height:1.5em;margin:0;font-size:13px}