:root {
  --brand-50:#f2f6ff; --brand-100:#e2eaff; --brand-200:#c3d2ff; --brand-300:#96afff;
  --brand-400:#6285ff; --brand-500:#315df5; --brand-600:#1744d1; --brand-700:#1237aa;
  --brand-800:#102f86; --brand-900:#102964;
  --ink:#111827; --ink-2:#303846; --secondary:#667085; --tertiary:#98a2b3;
  --divider:#e7e9ee; --warn:#f79009; --danger:#e5484d; --success:#12a36d;
  --card:#fff; --bg:#f6f7f9; --surface:#fafbfc;
  --grad-brand:linear-gradient(135deg,#315df5 0%,#153fc2 100%);
  --grad-hero:linear-gradient(135deg,#102964 0%,#153fc2 54%,#315df5 100%);
  --grad-brand-soft:linear-gradient(135deg,#f1f5ff 0%,#e7edff 100%);
  --grad-cool:linear-gradient(135deg,#315df5,#17a7c7);
  --ring-brand:0 0 0 3px rgba(49,93,245,.14);
  --shadow-1:0 1px 2px rgba(16,24,40,.04);
  --shadow-2:0 10px 30px rgba(16,24,40,.08);
  --shadow-3:0 24px 70px rgba(16,24,40,.14);
  --shadow-glow:0 12px 28px rgba(49,93,245,.2);
  --radius-s:8px; --radius-m:12px; --radius-l:18px; --radius-xl:24px;
  --header-h:68px; --sidebar-w:240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; color: var(--ink); background: var(--bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { color: inherit; font: inherit; }
button { -webkit-tap-highlight-color: transparent; cursor: pointer; }
img { display: block; max-width: 100%; }
::selection { color: var(--brand-900); background: var(--brand-200); }
.eyebrow { margin: 0 0 10px; color: var(--brand-500); font-size: 12px; font-weight: 800; letter-spacing: .14em; }