:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#e9e5dc;color:#191815;font:15px Arial,sans-serif}main{width:min(380px,calc(100% - 40px));padding:34px;border:1px solid #aaa397;background:#f5f1e8;box-shadow:0 18px 55px #1a181526}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#666158}h1{margin:8px 0 24px;font-size:28px}label{display:grid;gap:8px}input{width:100%;padding:12px;border:1px solid #aaa397;background:#fff;color:#191815;font:inherit}button{width:100%;margin-top:14px;padding:12px;border:1px solid #191815;background:#191815;color:#fff;font-weight:700}.error{color:#8e3028}@media(prefers-color-scheme:dark){body{background:#171714;color:#ece8dd}main{background:#22211d;border-color:#555148}input{background:#171714;color:#ece8dd;border-color:#666158}button{background:#ece8dd;color:#171714;border-color:#ece8dd}}