/* Shared by the front page and the login page — same tokens as the tool */
:root{
  --ground:#0E1822; --surface:#16242F; --surface2:#1B2D3A; --line:#263B4A;
  --charge:#3DD8B4; --arb:#5BA8E8; --amber:#D9A441;
  --txt:#E8EEF2; --muted:#8FA3B0; --muted2:#5E7383; --on-accent:#0E1822;
  --accent-soft:rgba(61,216,180,.13); --err-txt:#f0b3a4;
}
@media (prefers-color-scheme: light){
  :root{
    --ground:#F5F7F5; --surface:#FFFFFF; --surface2:#F3F6F3; --line:#E3E9E4;
    --charge:#0E876A; --arb:#2F6DB0; --amber:#B9781A;
    --txt:#15211D; --muted:#57665F; --muted2:#8B978F; --on-accent:#FFFFFF;
    --accent-soft:rgba(14,135,106,.10); --err-txt:#8a3322;
  }
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:var(--ground);color:var(--txt);
  -webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.mono{font-family:'IBM Plex Mono',monospace;font-feature-settings:"tnum"}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:17px;text-decoration:none}
.brand .dot{width:11px;height:22px;border-radius:3px;
  background:linear-gradient(var(--charge) 55%,var(--surface2) 55%);box-shadow:0 0 12px rgba(61,216,180,.35)}
.btn{display:inline-block;background:var(--charge);color:var(--on-accent);border:0;border-radius:10px;
  padding:12px 20px;font:600 15px 'IBM Plex Sans',sans-serif;text-decoration:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted2)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}