@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/font-inter-latin-wght-normal.3100e775e8616cd2.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/font-inter-latin-wght-italic.7291b5970da22374.woff2") format("woff2");
}
:root {
  --st-color-background: #f5f7fb;
  --st-color-surface: #ffffff;
  --st-color-surface-subtle: #eaf0f8;
  --st-color-text: #0b1220;
  --st-color-text-muted: #556073;
  --st-color-border: #dae1eb;
  --st-color-accent: #2e68f9;
  --st-color-on-accent: #ffffff;
  --st-color-accent-text: #2d66f2;
  --st-font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
  --st-font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --st-radius-control: 0.375rem;
  --st-radius-surface: 0.75rem;
  --st-radius-button: 0.5rem;
  --st-shadow-surface: 0 1px 2px rgb(15 23 42 / 6%), 0 0.75rem 2rem rgb(15 23 42 / 7%);
  --st-overlay-strong: rgb(5 10 20 / 78%);
  --st-overlay-medium: rgb(5 10 20 / 62%);
  --st-overlay-faint: rgb(5 10 20 / 20%);
  --st-overlay-text: #ffffff;
  --st-section-spacing: clamp(4rem, 9vw, 7.5rem);
  --st-content-spacing: clamp(1.25rem, 4vw, 2.5rem);
}
.st-band--subtle {
  --st-color-background: #eaf0f8;
}
.st-band--accent {
  --st-color-background: #2e68f9;
  --st-color-surface: #4377fa;
  --st-color-surface-subtle: #4f80fa;
  --st-color-text: #ffffff;
  --st-color-text-muted: #d1defe;
  --st-color-border: #6992fb;
  --st-color-accent-text: #ffffff;
  --st-band-button-fill: #ffffff;
  --st-band-button-text: #2e68f9;
}
.st-band--inverse {
  --st-color-background: #0b1220;
  --st-color-surface: #111a2d;
  --st-color-surface-subtle: #16213a;
  --st-color-text: #eef2f8;
  --st-color-text-muted: #9aa6bb;
  --st-color-border: #24314d;
  --st-color-accent-text: #4377fa;
}
.st-band,
.st-chrome {
  --mantine-color-body: var(--st-color-background);
  --mantine-color-text: var(--st-color-text);
  --mantine-color-dimmed: var(--st-color-text-muted);
  --mantine-color-default-border: var(--st-color-border);
}
.st-band--accent .mantine-Button-root:not([data-variant]),
.st-band--accent .mantine-Button-root[data-variant="filled"] {
  --button-bg: var(--st-band-button-fill) !important;
  --button-hover: var(--st-band-button-fill) !important;
  --button-color: var(--st-band-button-text) !important;
}
.st-band--accent .mantine-Button-root[data-variant="outline"] {
  --button-color: var(--st-color-text) !important;
  --button-bd: 1px solid var(--st-color-text) !important;
  --button-hover: color-mix(in srgb, var(--st-color-text) 10%, transparent) !important;
}
.st-band--accent .mantine-Input-input,
.st-band--inverse .mantine-Input-input {
  border-color: var(--st-color-border);
  background: var(--st-color-surface);
  color: var(--st-color-text);
}
.st-band--accent .mantine-Input-input::placeholder,
.st-band--inverse .mantine-Input-input::placeholder {
  color: var(--st-color-text-muted);
}