:root{color-scheme:dark;background:#101412;color:#e4ebe6;font:15px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;display:grid;min-height:100dvh;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 12%,#22342b,transparent 54%)}
[hidden]{display:none!important}
.account-card{width:min(100%,440px);padding:32px;border:1px solid #35453c;border-radius:16px;background:#161e1a;box-shadow:0 18px 90px #0005}
.brand{font-size:28px;font-weight:750;letter-spacing:-.06em}.brand span{color:#a7d2b4}
.eyebrow{font:10px ui-monospace,monospace;letter-spacing:.15em;color:#a7d2b4;margin:21px 0 7px}
h1{font-size:26px;letter-spacing:-.035em;margin:0}
h2{font-size:16px;margin:0}
p{color:#b3c0b7;margin:9px 0 17px}
form,.actions{display:grid;gap:9px}
label{font-size:13px}
input,button,.primary{font:inherit;border:1px solid #4a5b51;border-radius:7px}
input{background:#101512;color:inherit;padding:10px 12px;width:100%;margin-bottom:5px}
button,.primary{cursor:pointer;padding:9px 13px;color:#d8e4dc;background:#27342c}
button:disabled{opacity:.6;cursor:wait}
.primary{display:block;text-align:center;background:#afd3b9;color:#17281e;border-color:#afd3b9;text-decoration:none;font-weight:650}
:focus-visible{outline:2px solid #bcdfc3;outline-offset:3px}
nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
nav button{padding:5px 8px;border-color:transparent;background:transparent;color:#b5cbbb;font-size:12px;text-decoration:underline}
#secret-panel{margin-top:20px;padding:14px;border:1px solid #4a5b51;border-radius:8px}
#secret{display:block;overflow-wrap:anywhere;font:13px ui-monospace,monospace;background:#101512;padding:11px;margin:10px 0}
#status{font-size:13px;margin-bottom:0;min-height:1.4em}
#status[data-error]{color:#f5bfb0}