*{box-sizing:border-box}body{margin:0;font:16px system-ui,sans-serif;color:#14334b;background:#f2f5f7}main{width:min(92vw,420px);margin:12vh auto;padding:36px;background:#fff;border:1px solid #d8e0e6;border-radius:12px}small{color:#546777;letter-spacing:.11em;font-weight:700}h1{font-size:1.8rem}h2{font-size:1.2rem}label{display:block;margin:16px 0}input,button{width:100%;padding:11px;margin-top:5px;font:inherit;border:1px solid #9cabb6;border-radius:6px}button{background:#ab2633;color:white;cursor:pointer}code{display:block;overflow-wrap:anywhere}p[role=alert]{color:#a42230}