* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

  body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #f2f8f4;
  color: #1f2933;
}
h1, h2, h3 {
  font-family: "Space Grotesk", sans-serif;
  letter-spacing: -0.02em;
}

}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
}

.card {
  background: #ffffff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

section {
  margin-bottom: 48px;
}