:root {
  --radius-md: 8px;
  --font-size-2xl: 1.625rem;
  --color-second-light: rgba(123, 92, 240, 0.12);
  --radius-lg: 16px;
  --color-success: #00ff87;
  --font-size-3xl: 2rem;
  --font-size-4xl: 2.5rem;
  --radius-xl: 16px;
  --color-success-light: rgba(0, 255, 135, 0.12);
  --radius-full: 99px;
  --font-size-5xl: 3.5rem;
  --color-warning: #ffc65c;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --color-warning-light: rgba(255, 198, 92, 0.1);
  --space-1: 4px;
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.45);
  --space-2: 8px;
  --color-bg-alt: #0e0f14;
  --shadow-lg: 0 8px 34px rgba(0, 255, 135, 0.3);
  --color-border: rgba(255, 255, 255, 0.07);
  --space-3: 14px;
  --space-4: 20px;
  --shadow-xl: 0 12px 44px rgba(0, 0, 0, 0.6);
  --color-border-hi: rgba(255, 255, 255, 0.14);
  --transition-fast: 150ms ease;
  --space-5: 24px;
  --color-text-subtle: rgba(240, 242, 248, 0.68);
  --transition-base: 200ms ease;
  --color-text-body: rgba(240, 242, 248, 0.86);
  --space-6: 28px;
  --space-8: 44px;
  --transition-slow: 320ms ease;
  --color-bg-dark: #08090c;
  --header-height: 72px;
  --color-card: #13151c;
  --space-10: 56px;
  color-scheme: dark;
  --space-12: 72px;
  --header-bg: rgba(8, 9, 12, 0.82);
  --color-card-hi: #191c25;
  --hero-bg: var(--color-bg-dark);
  --color-white: #f0f2f8;
  --space-16: 96px;
  --color-dark: #f0f2f8;
  --font-family: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hero-glow: radial-gradient(circle, rgba(0, 255, 135, 0.09) 0%, transparent 70%);
  --font-head: "Unbounded", "Segoe UI", system-ui, sans-serif;
  --space-20: 110px;
  --color-accent: #00ff87;
  --space-24: 130px;
  --cta-bg: linear-gradient(135deg, #13151c 0%, #0e0f14 100%);
  --font-size-xs: 0.8125rem;
  --overlay-solid: rgba(8, 9, 12, 0.96);
  --color-accent-hover: #3bffa3;
  --max-width: 1140px;
  --color-accent-light: rgba(0, 255, 135, 0.12);
  --font-size-sm: 0.9375rem;
  --overlay-ink: #f0f2f8;
  --font-size-base: 1.0625rem;
  --measure: 68ch;
  --color-second: #7b5cf0;
  --gutter: 20px;
  --overlay-scrim: rgba(8, 9, 12, 0.7);
  --color-second-text: #a794ff;
  --font-size-lg: 1.1875rem;
  --font-size-xl: 1.375rem;
  --radius-sm: 8px;
  --color-on-accent: #0b0d12;
}
@media (prefers-reduced-motion: reduce) {
  :root {
  --transition-fast: 0ms;
  --transition-base: 0ms;
  --transition-slow: 0ms;
}

}