:root{color-scheme:dark;font-family:Arial,sans-serif;background:#0e1716;color:#eff9f6;line-height:1.6}
*{box-sizing:border-box}
body{margin:0;padding:clamp(20px,5vw,64px) 20px}
main{max-width:480px;margin:auto;padding:clamp(22px,5vw,40px);background:#182d29;border:1px solid #3d5c55;border-radius:24px;overflow-wrap:anywhere}
.wordmark{max-width:100%;height:auto;margin-bottom:24px}
.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#a6eee2}
h1{font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.2;font-weight:400}
label{display:block;margin:18px 0 6px}
input,button{font:inherit;min-height:48px;width:100%;border:1px solid #83a59b;border-radius:10px;padding:12px}
input{color:#eff9f6;background:#0e1716}
button{cursor:pointer;font-weight:700;background:#7edbd2;color:#0e1716;margin-top:24px}
button:disabled{opacity:.65;cursor:wait}
.secondary{background:transparent;color:#a6eee2;margin-top:0}
.caption{font-size:.875rem;color:#b6ccc5}
#status{min-height:1.6em;color:#c4f6eb}
:focus-visible{outline:3px solid #a6eee2;outline-offset:4px}
a{color:#a6eee2;text-underline-offset:4px}
[hidden]{display:none!important}