:root{font-family:system-ui,sans-serif;color:#172b38;background:#f2f6f8}body{max-width:780px;margin:7vh auto;padding:0 20px}main{background:white;border:1px solid #d5e1e6;border-radius:16px;padding:32px}.brand{color:#346879;font-size:.85rem;letter-spacing:.08em}h1{font-size:2rem;margin:.3em 0}label{display:block;margin:18px 0}input{display:block;box-sizing:border-box;max-width:100%;width:360px;padding:10px;margin-top:6px;border:1px solid #9aafb9;border-radius:6px;font:inherit}button{padding:10px 18px;border:0;border-radius:7px;background:#165d76;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #efa924;outline-offset:3px}nav{display:flex;gap:12px;margin-top:24px}small{color:#506875}#message{min-height:1.5em}li{margin:.7em 0}[hidden]{display:none!important}