:root {
  --bg: #f7f8fa;
  --text: #121212;
  --brand: #0b7a75;
  --size-accent: #8b1a5a;
  --card: #ffffff;
}

* { box-sizing: border-box; }

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

body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  color: var(--text);
  background: linear-gradient(180deg, #f4f7f9, #ffffff);
}

main {
  width: 100%;
  max-width: 1100px;
  min-width: 0;
  margin: 0 auto;
  padding: 16px;
}