:root{font-family:system-ui,sans-serif;color:#18312a;background:#f1f5f3;color-scheme:light}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(420px,calc(100% - 32px));padding:36px;background:white;border:1px solid #dbe5df;border-radius:16px;box-shadow:0 12px 40px #16302512}.brand{font-weight:750;color:#237150;font-size:20px}h1{font-size:28px;margin-bottom:8px}p{line-height:1.5;color:#53675d}form{display:grid;gap:12px}input,button{font:inherit;border-radius:8px;padding:12px;box-sizing:border-box;width:100%}input{border:1px solid #80968a}button{background:#216546;color:white;border:0;cursor:pointer;font-weight:650}button:hover{background:#174e35}a{display:inline-block;color:#216546;margin-top:20px}:focus-visible{outline:3px solid #a06a11;outline-offset:3px}[role=alert]{color:#a02020}