:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:#f6f7f2;color:#172923}
.login-card{width:min(100%,480px);padding:clamp(26px,6vw,48px);background:#fff;border:1px solid #e2e8dc;border-radius:24px;box-shadow:0 18px 55px #18352918}
.brand{font-size:25px;color:#244b38}.brand span{color:#da9e75}.eyebrow{margin:44px 0 10px;color:#788e81;font-size:12px;letter-spacing:.16em;font-weight:800}
h1{margin:0;font-size:clamp(30px,6vw,42px);line-height:1.08;letter-spacing:-.04em}.intro{line-height:1.5;color:#5f7068;margin:18px 0 30px}
form{display:grid;gap:10px}label{font-size:13px;font-weight:700}input{width:100%;font:inherit;padding:14px 15px;border:1px solid #cbd7ce;border-radius:10px;background:#fff;color:#172923;margin-bottom:10px}input:focus{outline:3px solid #a3c6ab;outline-offset:1px}
button{font:inherit;font-weight:700;padding:15px 18px;border:0;border-radius:10px;background:#244b38;color:#fff;cursor:pointer}button:hover{background:#173a2a}
.error{padding:12px;border-radius:9px;background:#fff0ee;color:#8b2820}.footnote{font-size:12px;color:#87958b;margin:25px 0 0;text-align:center}
@media(prefers-color-scheme:dark){body{background:#101915;color:#f0f5ee}.login-card{background:#1a2820;border-color:#33483a}input{background:#101915;border-color:#526656;color:#f0f5ee}.intro,.footnote{color:#b2c1b6}button{background:#8fbaa0;color:#102117}button:hover{background:#a6d1b3}}