/* ============ RESET & ROOT ============ */
:root {
  --navy: #111; --ink: #171717; --muted: #737373;
  --teal: #272727; --teal-dark: #050505;
  --sky: #f2f2f2; --line: #d8d8d8;
  --paper: #fff; --bg: #ededed; --red: #333;
}
* { box-sizing: border-box }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--bg);
}
h1 { font-size: clamp(26px, 4vw, 38px); letter-spacing: -1.2px; margin: 0 0 7px; }
button {
  border: 0; border-radius: 8px; padding: 10px 14px;
  font: 700 14px inherit; cursor: pointer;
  transition: .15s transform, .15s background;
}
button:hover { transform: translateY(-1px) }
input, select {
  width: 100%; padding: 10px 12px;
  border: 1px solid #cbd7df; border-radius: 8px;
  font: inherit; color: var(--ink); background: #fff;
}
select { min-width: 165px; width: auto; }
label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; color: #405467; }