:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #18201d;
    background: #ece9e1;
}
* { box-sizing: border-box; }
body { margin: 0; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(100%, 430px); padding: 38px; border: 1px solid #c9cdc7; border-radius: 8px; background: #fffdf8; box-shadow: 0 18px 60px rgb(24 32 29 / 10%); }
.eyebrow { margin: 0; color: #8b3c2d; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 8px 0 14px; font: 2.1rem/1.1 Georgia, serif; }
p { color: #66716b; line-height: 1.55; }
form { display: grid; gap: 8px; margin-top: 24px; }
label { margin-top: 8px; color: #4f5954; font-size: .85rem; }
input { width: 100%; padding: 12px 13px; border: 1px solid #b9bfba; border-radius: 4px; background: white; font: inherit; }
button { margin-top: 12px; padding: 12px 14px; border: 0; border-radius: 4px; color: white; background: #20614a; font: inherit; font-weight: 650; cursor: pointer; }
.login-error { padding: 10px 12px; border-left: 3px solid #8b3c2d; color: #6d3327; background: #f2ded8; }
a { color: #20614a; }