*{box-sizing:border-box}body{margin:0;background:#f3f4ed;color:#233c33;font:16px/1.6 system-ui,sans-serif}main{max-width:480px;margin:8vh auto;padding:32px;background:white;border:1px solid #d6ddce;border-radius:12px}h1{line-height:1.2}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #abb9a7;border-radius:5px;font:inherit}button{border:0;border-radius:5px;padding:12px 24px;background:#315b44;color:white;font:inherit;cursor:pointer}[role=alert]{color:#9b3429}@media(max-width:520px){main{margin:20px;padding:24px}}