*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:#23463e;font:16px/1.6 system-ui,sans-serif}main{max-width:600px;margin:6vh auto;padding:36px;background:white;border:1px solid #d7e3de;border-radius:16px}.brand{letter-spacing:2px;color:#59776c}h1{font-size:28px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;border:1px solid #b9ccc3;border-radius:6px;font:inherit}button{padding:12px 22px;background:#24584b;color:white;border:0;border-radius:6px;font:inherit;cursor:pointer}a{color:#24584b}li{margin:18px 0}code{display:block;overflow-wrap:anywhere;background:#eef5f0;padding:16px}.muted{color:#657970;font-size:14px}[role=alert]{color:#9c3024}@media(max-width:650px){main{margin:15px;padding:24px}}