:root{font-family:system-ui,sans-serif;color:#18212f;background:#f5f7fa}body{margin:0;padding:2rem 1rem}main,footer{max-width:30rem;margin:0 auto}main{padding:1.5rem;border:1px solid #c5ccd6;border-radius:.5rem;background:#fff}h1{font-size:1.5rem}form{display:grid;gap:.75rem}input,button{box-sizing:border-box;width:100%;min-height:2.75rem;padding:.65rem;font:inherit;border:1px solid #64748b;border-radius:.25rem}button{margin-top:.5rem;background:#164e9c;color:#fff;cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #b44b00;outline-offset:3px}[role=alert]{color:#a31717}footer{padding-top:1rem;font-size:.85rem;overflow-wrap:anywhere}