*{box-sizing:border-box}body{margin:0;padding:24px;background:#122a39;color:#162b3b;font:16px/1.5 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:430px}h1{color:#127a5f}h2{font-size:22px}p{color:#637481}label{display:block;margin:16px 0}input,button{font:inherit;width:100%;padding:12px;border-radius:8px;border:1px solid #d6dfe5}input{display:block;margin-top:6px;min-width:0}button{background:#127a5f;color:white;cursor:pointer}button:disabled{opacity:.5}#error{color:#b53232}