body{margin:0;background:#f4f6f8;color:#18232d;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{background:white;border:1px solid #dce2e7;border-radius:16px;padding:36px;width:min(360px,calc(100vw - 100px))}h1{font-size:24px;margin-top:0}p{color:#52606d}label{display:block;margin:20px 0}input,button{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b9c4ce;border-radius:6px;font:inherit}input{margin-top:8px}button{background:#123e39;color:white;cursor:pointer}#error{color:#a12626}