:root{font-family:Arial,Helvetica,sans-serif;color:#203b33;background:#f8f4e8;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}.login{width:min(100%,470px);padding:36px;background:#fff;border:1px solid #d7ded7;border-top:6px solid #b74618;border-radius:16px;box-shadow:0 18px 70px #203b3310}.brand{display:inline-block}.brand img{object-fit:contain}.eyebrow{font-size:13px;letter-spacing:.1em;font-weight:700;color:#98421b;margin-top:28px}h1{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:12px 0}p{line-height:1.55;color:#526358}form{display:grid;gap:10px;margin:28px 0}label{font-weight:700}input,button{font:inherit;min-height:48px;padding:12px;border-radius:7px}input{border:1px solid #a3b0a8;width:100%}button{background:#203b33;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:8px}button:hover{background:#b74618}:focus-visible{outline:3px solid #bd5124;outline-offset:3px}.back{font-size:14px;color:#203b33;text-underline-offset:4px}.error{padding:12px;background:#fff1e8;border-left:3px solid #b74618;color:#8a3517}@media(max-width:450px){body{padding:16px}.login{padding:24px}h1{font-size:27px}}