:root {
  --bg: #0d1117;
  --panel: #151b23;
  --panel-2: #1f2933;
  --text: #f6f7f9;
  --muted: #94a3b8;
  --line: rgba(255,255,255,.1);
  --green: #22c55e;
  --red: #ef4444;
  --amber: #f59e0b;
  --blue: #38bdf8;
  --radius: 8px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { border: 0; cursor: pointer; }
input, select, textarea {
  width: 100%;
  color: var(--text);
  background: #0b1220;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 13px 14px;
  outline: none;
}
textarea { min-height: 170px; resize: vertical; }
label { display: grid; gap: 8px; color: var(--muted); font-size: 13px; }
.brand-mark, .avatar {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  color: #051016;
  font-weight: 900;
  background: linear-gradient(135deg, var(--green), var(--blue));
}
.eyebrow { margin: 0 0 4px; color: var(--blue); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; }
.primary-button, .action-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  border-radius: var(--radius);
  padding: 0 16px;
  color: #061014;
  background: var(--green);
  font-weight: 900;
}
.ghost-button { color: var(--text); background: var(--panel-2); border-radius: var(--radius); padding: 10px 12px; }
.muted { color: var(--muted); }
.form-error { min-height: 20px; margin: 0; color: #fb7185; font-size: 13px; }
.splash-screen { min-height: 100vh; display: grid; place-items: center; align-content: center; gap: 14px; padding: 24px; text-align: center; }
.splash-screen h1 { margin: 0; }