:root {
  --bg: #f5f7fb;
  --panel: rgba(255, 255, 255, 0.92);
  --card-border: rgba(148, 163, 184, 0.25);
  --text: #10213a;
  --muted: #5b6c85;
  --primary: #2e6df6;
  --primary-dark: #1f56d4;
  --accent: #ecf3ff;
  --success: #1f9d62;
  --success-soft: #eafaf2;
  --error: #d93d4b;
  --error-soft: #fff0f2;
  --shadow: 0 20px 45px rgba(16, 33, 58, 0.12);
  --radius: 22px;
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: "Inter", sans-serif;
  background: radial-gradient(circle at top, #ffffff 0%, #edf4ff 28%, var(--bg) 100%);
  color: var(--text);
}

img { max-width: 100%; display: block; }

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button, input {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}