:root {
  color-scheme: light;
  --canvas: #f4f8fc;
  --canvas-strong: #edf4fb;
  --surface: #ffffff;
  --surface-soft: #f8fbfe;
  --surface-blue: #eef7ff;
  --navy: #10224a;
  --navy-2: #173663;
  --text: #13264b;
  --muted: #5d718d;
  --quiet: #7f91a7;
  --line: #dce7f1;
  --line-strong: #cbdbea;
  --blue: #0878ee;
  --blue-dark: #0961c5;
  --cyan: #12b8d8;
  --green: #10a66a;
  --amber: #e89a16;
  --red: #e5404b;
  --violet: #7359e8;
  --shadow-xs: 0 2px 7px rgba(28, 68, 110, 0.06);
  --shadow-sm: 0 10px 30px rgba(28, 68, 110, 0.08);
  --shadow-md: 0 20px 55px rgba(18, 54, 95, 0.13);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --sidebar-width: 252px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--canvas); scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 90% 0%, rgba(8, 120, 238, 0.08), transparent 28rem), var(--canvas); font-family: var(--font); }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
button, input, select { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible { outline: 3px solid rgba(8, 120, 238, 0.32); outline-offset: 3px; }
h1, h2, h3, p { margin-top: 0; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 1000; padding: .75rem 1rem; border-radius: 10px; background: var(--navy); color: #fff; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }