body{margin:0;background:#f2f5f1;color:#172319;font:16px/1.6 system-ui,sans-serif;display:grid;place-items:center;min-height:100dvh}main{box-sizing:border-box;width:min(400px,calc(100% - 32px));padding:32px;background:white;border:1px solid #d9e1d7;border-radius:12px}h1{margin:0;font-size:26px}p{color:#667064}label{display:block}input{box-sizing:border-box;width:100%;padding:10px;margin-top:8px;font:inherit;border:1px solid #aab7a7;border-radius:5px}button{width:100%;padding:10px;background:#168331;color:white;border:0;border-radius:5px;font:inherit;cursor:pointer}[role=alert]{color:#b3261e;font-size:14px}