/* Chartful's website: the app's dark look (black, #121212 cards, light ink, gold accent). */
:root { --bg: #000; --card: #121212; --ink: #f2f2f2; --muted: #9a9a9a; --line: #2a2a2a; --gold: #f2b544; --loss: #e5624d; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px; background: var(--bg); color: var(--ink);
  font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.card { width: 100%; max-width: 440px; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px; }
.brand { margin: 0 0 12px; color: var(--gold); font-weight: 700; letter-spacing: .12em; font-size: 13px; }
h1 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; }
.muted { color: var(--muted); margin: 0 0 24px; }
button { width: 100%; padding: 14px; border: 0; border-radius: 10px; background: var(--ink); color: #000; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .5; }
a { display: block; margin-top: 16px; text-align: center; color: var(--muted); }
.error { color: var(--loss); margin: 16px 0 0; }
[hidden] { display: none !important; }