:root {
  --bg: #f4f7f8;
  --card: #ffffff;
  --text: #17202a;
  --muted: #6b7280;
  --accent: #0f766e;
  --accent-2: #16a34a;
  --accent-soft: #d9f5f1;
  --border: #e5e7eb;
  --shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  --radius: 20px;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: linear-gradient(135deg, #f8fafc, #ecfeff);
  color: var(--text);
}
h1, h2, p { margin-top: 0; }
h1 { font-size: clamp(34px, 6vw, 58px); letter-spacing: -1px; }
h2 { margin-bottom: 18px; }
button, input, select { font: inherit; }
footer { text-align: center; margin-top: 34px; color: var(--muted); font-size: 14px; }
.error-card { padding: 18px; border-radius: 16px; background: #fee2e2; color: #991b1b; font-weight: 800; }