:root{font-family:system-ui,sans-serif;color:#173c35;background:#f5f4ef}body{margin:0;min-height:100svh;display:grid;place-items:center}main{box-sizing:border-box;margin:1.25rem;width:calc(100% - 2.5rem);max-width:32rem;padding:clamp(1.25rem,5vw,2.5rem);background:white;border:1px solid #dce2d9;border-radius:1rem}h1{font-size:2.25rem;line-height:1.1}p{line-height:1.6}.brand{font-size:.75rem;letter-spacing:.14em}label{display:block;margin-top:1.5rem}input,button{box-sizing:border-box;width:100%;padding:.9rem;font:inherit;border-radius:.4rem;margin-top:.5rem}input{border:1px solid #829990}button{background:#173c35;color:white;border:0;cursor:pointer}button:disabled{opacity:.5}button.secondary{background:#eef3f0;color:#173c35}#status{min-height:3rem;font-size:.9rem}.hint{font-size:.8rem;margin:.5rem 0;color:#486159}nav{display:flex;flex-wrap:wrap;gap:1rem}a{color:#173c35;text-underline-offset:.2em}[hidden]{display:none!important}