:root {
  font-family: Inter, Segoe UI, sans-serif;
  color: #172033;
  background: #f4f7fb;
  --bab-surface: #ffffff;
  --bab-surface-muted: #f6f8fb;
  --bab-surface-subtle: #f6f8fb;
  --bab-border: #dbe3ee;
  --bab-border-strong: #c4cfdd;
  --bab-text: #172033;
  --bab-text-muted: #64748b;
  --bab-primary: #176b87;
  --bab-primary-strong: #0d526b;
  --bab-primary-soft: #e6f4f7;
  --bab-on-primary: #ffffff;
  --bab-success: #12805c;
  --bab-warning: #b77906;
  --bab-danger: #b42318;
  --bab-radius-sm: 7px;
  --bab-radius-md: 10px;
  --bab-radius-lg: 16px;
  --bab-shadow-sm: 0 5px 18px rgb(23 32 51 / .07);
}
* { box-sizing: border-box; } html { min-width: 0; } body { margin: 0; min-width: 0; overflow-x: hidden; } button,input,select,textarea { font: inherit; } button { cursor: pointer; } img,svg { max-width: 100%; }
@media (max-width: 640px) { h1 { font-size: clamp(24px, 8vw, 30px); line-height: 1.15; } h2 { line-height: 1.2; } p { overflow-wrap: anywhere; } }