:root{color-scheme:light;--ink:#20332f;--muted:#596b64;--paper:#f5f7f5;--teal:#12634d;--line:#dce4dd}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:var(--paper);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif;padding:32px 20px}
main{width:100%;max-width:420px}h1{margin:32px 0 8px;font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.025em}p{margin:0;color:var(--muted)}
.brand{display:flex;gap:10px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-.035em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--teal);color:white;border-radius:10px;font-size:29px;line-height:1}
form{display:grid;gap:8px;margin-top:28px}label{font-size:13px;font-weight:600}label:not(:first-child){margin-top:12px}input,button{font:inherit;min-height:44px;border-radius:7px;width:100%}input{border:1px solid #cdd8cf;background:white;color:var(--ink);padding:10px 12px;caret-color:var(--teal)}button{margin-top:14px;padding:10px 16px;border:1px solid var(--teal);background:var(--teal);color:white;font-weight:600;cursor:pointer}button:hover{background:#0b4d3b}button:active{background:#083d2f}:focus-visible{outline:3px solid #359b75;outline-offset:3px}
.note{margin-top:24px;font-size:12px;line-height:1.7}.login-error{margin-top:20px;padding:12px;border:1px solid #e2c7c1;background:#fcf0ed;color:#a23932;border-radius:8px;font-size:13px}::selection{background:#bdddc8;color:#173e2d}