/* Growth OS sign-in. Same tokens as the Super Admin screens (design/super-admin/styles.css); system fonts only. */
:root {
  --bg: #0B0C0E; --surface: #16181B; --surface-2: #1B1E22; --line-2: rgba(255, 255, 255, .12);
  --text: #F2EEE7; --muted: #A8A399; --gold: #D4B97F; --gold-strong: #E9D5A8; --gold-ink: #17130A;
  --gold-line: rgba(212, 185, 127, .28); --warn: #E8AE5E; --bad: #EF8276;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: var(--bg); color: var(--text);
  font: 16px/1.5 "Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 24px 16px; }
.note { max-width: 400px; width: 100%; padding: 10px 14px; border: 1px solid rgba(232, 174, 94, .4); border-radius: 12px; color: var(--warn); background: rgba(232, 174, 94, .08); font-size: 14px; }
.card { width: 100%; max-width: 400px; background: var(--surface); border: 1px solid var(--line-2); border-radius: 18px; padding: 28px 22px; display: flex; flex-direction: column; gap: 8px; }
.mark { width: 36px; height: 36px; fill: none; stroke: var(--gold); stroke-width: 2; }
h1 { margin: 4px 0 0; font-size: 26px; color: var(--gold-strong); }
.sub { margin: 0 0 8px; color: var(--muted); font-size: 14px; }
label { font-size: 14px; color: var(--text); margin-top: 6px; }
input { min-height: 44px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line-2); background: var(--surface-2); color: var(--text); font: inherit; }
input:focus-visible, .btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.err { min-height: 1.5em; margin: 4px 0 0; color: var(--bad); font-size: 14px; }
.btn { min-height: 44px; margin-top: 4px; border: 0; border-radius: 10px; background: var(--gold); color: var(--gold-ink); font: inherit; font-weight: 700; cursor: pointer; }
.btn[disabled] { opacity: .7; cursor: progress; }
.btn-link { display: flex; align-items: center; justify-content: center; text-decoration: none; }