*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#292623;font:16px/1.6 system-ui,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,420px);padding:32px;background:#fff;border:1px solid #e5dfd5;border-radius:20px;box-shadow:0 12px 40px #392c1110}small{color:#796144;letter-spacing:.15em;font-weight:700}h1{font-size:26px;line-height:1.35;margin:12px 0}p{color:#625e58;margin:12px 0 24px}label{display:block;font-weight:600;margin-bottom:8px}input,button,a.button{font:inherit;width:100%;padding:13px 14px;border-radius:10px}input{border:1px solid #b8afa2;margin-bottom:16px;min-height:50px}input:focus{outline:2px solid #8c6d45;outline-offset:2px}button,a.button{border:0;background:#71583b;color:#fff;font-weight:700;cursor:pointer;text-decoration:none;display:block;text-align:center}a{color:#71583b}#error{color:#b32c2c;margin:8px 0 16px}.hint{font-size:14px;margin:18px 0 0}button:disabled{opacity:.6}