:root{font:16px 'Segoe UI',sans-serif;color:#203c38;background:#f2f5f3}body{margin:0;min-height:100vh;display:grid;place-items:center}main{background:white;padding:40px;border-radius:16px;width:min(380px,calc(100vw - 100px));box-shadow:0 10px 50px #153d3510}h1{color:#153d35}label,input,button{display:block}input{box-sizing:border-box;width:100%;margin:10px 0 20px;padding:12px;border:1px solid #becfc7;border-radius:6px;font:inherit}button{background:#245b4b;color:white;border:0;border-radius:6px;padding:12px 24px;font:inherit;cursor:pointer}button:disabled{opacity:.5}#message{min-height:24px;color:#9e322b}