*{box-sizing:border-box}body{margin:0;background:#112920;color:#f3e9cf;font:18px/1.6 Georgia,serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px)}.brand{font:12px/1.5 Arial,sans-serif;color:#d2bd88}h1{font-size:30px;font-weight:400;overflow-wrap:anywhere}form{display:grid;gap:14px}input,button{width:100%;min-height:48px;font:inherit;border:1px solid #d2bd88;border-radius:4px;padding:10px 14px}input{background:#183b30;color:#fff}button{background:#edd9ab;color:#112920;cursor:pointer}a{display:inline-block;margin-top:24px;color:#edd9ab}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:4px}[role=alert]{color:#ffd2c6}