:root { color-scheme: light; --ink:#1a1a1a; --soft:#555; --paper:#fffef9; --rule:#e4e0d4; --accent:#7a1f1f; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--paper); color:var(--ink);
  font-family: Georgia, "Iowan Old Style", serif; padding:1rem; }
.card { width:100%; max-width:24rem; background:#fff; border:1px solid var(--rule); border-radius:14px; padding:1.6rem;
  box-shadow:0 12px 30px -24px rgba(44,44,42,.4); }
h1 { margin:0 0 .3rem; font-size:1.5rem; }
.sub, .note { color:var(--soft); font-size:.9rem; }
.note { font-size:.78rem; margin-bottom:0; }
.error { background:#fbf2f2; border-left:3px solid var(--accent); padding:.5rem .8rem; border-radius:0 8px 8px 0; font-size:.9rem; }
label { display:block; font-size:.85rem; margin:.8rem 0; }
input { display:block; width:100%; margin-top:.25rem; padding:.55rem .65rem; border:1px solid var(--rule); border-radius:8px; font:inherit; }
button { width:100%; padding:.65rem; border:0; border-radius:8px; background:var(--accent); color:#fff; font:inherit; cursor:pointer; }
a { color:var(--accent); }