:root {
  --gn-ink: #162029;
  --gn-text: #33414c;
  --gn-muted: #6d7883;
  --gn-line: rgba(27, 39, 48, 0.11);
  --gn-surface: #ffffff;
  --gn-surface-soft: #f5f6f2;
  --gn-background: #eff2eb;
  --gn-background-strong: #e6ebe1;
  --gn-green-deep: #213d33;
  --gn-green: #355449;
  --gn-gold: #b89345;
  --gn-gold-soft: rgba(184, 147, 69, 0.14);
  --gn-red: #994339;
  --gn-shadow: 0 24px 60px rgba(18, 31, 40, 0.09);
  --gn-shadow-soft: 0 12px 30px rgba(18, 31, 40, 0.06);
  --gn-radius-xl: 30px;
  --gn-radius-lg: 22px;
  --gn-radius-md: 16px;
  --gn-radius-sm: 12px;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  color: var(--gn-text);
  font-family: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(circle at 18% 8%, rgba(184, 147, 69, 0.09), transparent 28%),
    radial-gradient(circle at 82% 4%, rgba(33, 61, 51, 0.06), transparent 30%),
    linear-gradient(180deg, #f7f8f4 0%, #eef2eb 44%, #e8ede5 100%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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

button,
input,
textarea,
a {
  font: inherit;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

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

:focus-visible {
  outline: 3px solid rgba(184, 147, 69, 0.42);
  outline-offset: 3px;
}

[aria-disabled="true"] {
  pointer-events: none;
}

[hidden] {
  display: none !important;
}

.is-hidden {
  display: none !important;
}

body,
button,
input,
textarea {
  letter-spacing: 0.01em;
}