*{box-sizing:border-box}body{background:#f6f7f4;color:#233630;font:15px Arial,sans-serif;min-height:100dvh;margin:0;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;padding:36px;background:#fff;border:1px solid #e7ebe5;border-radius:16px}.mark{border-radius:12px;background:#215e50;color:#dfe9c9;font:36px Georgia;width:52px;text-align:center;padding:3px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7d8881;margin-top:28px}h1{font-size:27px;letter-spacing:-.8px;line-height:1.3}p{line-height:1.6;color:#66776c}label{display:block;margin:20px 0 8px;font-size:13px}input{width:100%;padding:12px;border:1px solid #cbd5cc;border-radius:6px;font:inherit}button{width:100%;padding:13px;margin-top:25px;background:#215e50;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #97bca2;outline-offset:3px}.error{color:#9d362e}