/* Page de connexion : même palette « papier et encre » que la carte. */
:root{color-scheme:light dark;--bg:#F2EEE6;--paper:#FFFDF9;--ink:#1F2937;--ink2:#5F6873;--line:#E4DED4;--accent:#B5402D;--accent-ink:#8F3021;--accent-soft:#F6E5E0;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua","Hiragino Mincho ProN","Yu Mincho",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#14171C;--paper:#1C2027;--ink:#ECE7DE;--ink2:#A7AEB8;--line:#2E343D;--accent:#D9654F;--accent-ink:#F0A08F;--accent-soft:#3B2521}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg)}
body{font-family:var(--sans);color:var(--ink);font-size:15px;line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.card{width:100%;max-width:380px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px 22px;box-shadow:0 1px 2px rgba(31,41,55,.05),0 6px 18px -8px rgba(31,41,55,.14)}
.eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 4px}
h1{font-family:var(--serif);font-size:28px;font-weight:500;margin:0 0 6px;line-height:1.1}
p{margin:0 0 14px;color:var(--ink2);font-size:13.5px}
label{display:block;font-size:13px;color:var(--ink2);margin-bottom:6px}
input{width:100%;font:inherit;font-size:17px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{margin-top:14px;width:100%;font:inherit;font-size:16px;font-weight:600;padding:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer}
.err{background:var(--accent-soft);color:var(--accent-ink);border-radius:8px;padding:8px 10px;font-size:13.5px;margin:0 0 12px}
.hint{margin:12px 0 0;font-size:12.5px}