:root{font:18px system-ui;color:#163f48;background:#f3f7f7}body{margin:0;padding:4rem 1rem}main{max-width:24rem;margin:auto;padding:2rem;background:white;border:1px solid #cbdadb;border-radius:12px}.brand{font-size:.8rem;letter-spacing:.15em;color:#167789}h1{margin-bottom:.5rem}label{display:block;margin-top:1.3rem;font-weight:600}input{box-sizing:border-box;width:100%;font:inherit;padding:.75rem;border:1px solid #78969c;border-radius:5px;margin-top:.4rem}button{width:100%;font:inherit;margin-top:1.5rem;padding:.8rem;background:#087b8a;color:white;border:0;border-radius:5px;cursor:pointer}button:disabled{opacity:.6}#status{color:#8a2828}main>p:last-child{font-size:.85rem;line-height:1.5}