:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#14131a;color:#f7f3ed}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px}
main{width:min(100%,430px)}
.brand{font-size:32px;font-weight:750;letter-spacing:-1.8px;margin:0 0 56px}
.brand span{color:#c4afff;font-size:16px;vertical-align:top;letter-spacing:0}
.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#c4afff}
h1{font-family:Georgia,serif;font-size:clamp(36px,7vw,48px);line-height:1.08;font-weight:400;letter-spacing:-1px;margin:18px 0}
p{color:#c5c0cd;line-height:1.6}
label{display:block;margin:26px 0 9px;font-size:14px;font-weight:600}
input,button{font:inherit;width:100%;min-height:48px;border-radius:9px}
input{border:1px solid #70667f;background:#201d29;color:#fff;padding:12px 14px}
button{border:0;background:#c4afff;color:#201332;font-weight:700;padding:12px 16px;margin-top:14px;cursor:pointer}
button:disabled{opacity:.65;cursor:wait}
.secondary{background:transparent;color:#ded2ff;border:1px solid #70667f}
:focus-visible{outline:3px solid #e6d7ff;outline-offset:4px}
#status{min-height:3.2em;font-size:14px;margin-top:22px}
[hidden]{display:none!important}