:root {
  --bg: #8DD7FF;
  --surface: #ffffff;
  --brand-primary: #0558a8;
  --brand-primary-dark: #044587;
  --brand-primary-mid: #2f6cab;
  --brand-primary-soft: #eaf2ff;
  --brand-primary-soft-2: #f4f8ff;
  --brand-cyan: #1fa9c9;
  --btn-cta-from: #0558a8;
  --btn-cta-to: #044587;
  --btn-cta-cyan: #1fa9c9;
  --btn-cta-shadow: rgba(5, 88, 168, 0.25);
  --btn-ghost-hover: #eaf2ff;
  --line: #d7e4ff;
  --text: #1f3e8a;
  --muted: #7584a8;
  --primary: var(--brand-primary);
  --btn-cta-gradient: linear-gradient(115deg, var(--btn-cta-from) 0%, var(--btn-cta-to) 62%, var(--btn-cta-cyan) 100%);
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  overflow-x: clip;
}

body {
  margin: 0;
  font-family: "Sora", "Segoe UI", sans-serif;
  color: var(--text);
  background: #8DD7FF;
}

.page {
  max-width: 1160px;
  margin: 18px auto;
  padding: 0 12px;
  overflow-x: clip;
}