/* The sign-in pages. The app's palette and type, and nothing the app loads:
   these pages are public, and a signed-out visitor has no business fetching
   the trading interface's scripts. */
:root { --bg:#0B0D11; --panel:#111419; --line:#1E232B; --text:#DDE1E8; --dim:#79808C;
        --brand:#2DBFA8; --put:#F0575A;
        --ui:'Archivo', ui-sans-serif, -apple-system, sans-serif; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; background: var(--bg); color: var(--text); font: 14px/1.45 var(--ui); }
main { min-height: 100%; display: grid; place-items: center; padding: 24px; }
.card { width: 100%; max-width: 360px; background: var(--panel); border: 1px solid var(--line);
        border-radius: 8px; padding: 28px 26px; }
h1 { margin: 0 0 4px; font-size: 18px; font-weight: 600; letter-spacing: .01em; }
p.sub { margin: 0 0 22px; color: var(--dim); font-size: 12.5px; }
label { display: block; margin: 0 0 14px; font-size: 12px; color: var(--dim); }
input { display: block; width: 100%; margin-top: 6px; padding: 9px 10px; background: var(--bg);
        border: 1px solid var(--line); border-radius: 5px; color: var(--text); font: inherit; }
input:focus { outline: none; border-color: #3A4252; }
button { width: 100%; margin-top: 6px; padding: 10px; border: none; border-radius: 5px;
         background: var(--brand); color: var(--bg); font: 600 13px var(--ui); cursor: pointer; }
button[disabled] { opacity: .55; cursor: default; }
.err { min-height: 18px; margin: 12px 0 0; color: var(--put); font-size: 12.5px; }