*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f8f4ef;color:#403436;display:grid;place-items:center;font:16px/1.5 system-ui,sans-serif}main{width:min(400px,100%);padding:42px 30px}.wordmark{font-size:22px;letter-spacing:5px}.art{display:flex;gap:13px;align-items:center;height:100px;margin:50px 0 30px}.art span{width:20px;height:45px;border-radius:15px;background:#d3a495}.art span:nth-child(2){height:85px;background:#b5796b}.art span:last-child{height:62px;background:#b7c1af}h1{font-size:35px;line-height:1.5;letter-spacing:1px;font-weight:550;margin:0 0 38px}label{display:block;font-size:14px;color:#796b6d}input{font:inherit;width:100%;padding:13px;border:1px solid #ded2ca;border-radius:10px;background:#fffcf9;margin:8px 0 15px;color:inherit}button,a{font:inherit;display:block;width:100%;padding:13px;text-align:center;border:0;border-radius:10px;background:#4c373b;color:#fff5ef;text-decoration:none;cursor:pointer}#status{min-height:24px;color:#8b5e55;font-size:14px}[hidden]{display:none!important}