:root{--primary:hsl(160 100% 42%);--primary-bright:hsl(160 100% 50%);--primary-fg:hsl(160 25% 5%);--secondary:hsl(160 80% 30%);--secondary-fg:hsl(60 10% 95%);--bg:hsl(160 25% 5%);--surface:hsl(160 20% 8%);--muted:hsl(160 15% 15%);--border:hsl(160 15% 18%);--text:hsl(60 10% 95%);--text-muted:hsl(160 10% 55%);--destructive:hsl(0 84% 60%);--white:hsl(0 0% 100%);--primary-90:color-mix(in srgb, var(--primary) 90%, transparent);--primary-50:color-mix(in srgb, var(--primary) 50%, transparent);--primary-30:color-mix(in srgb, var(--primary) 30%, transparent);--primary-20:color-mix(in srgb, var(--primary) 20%, transparent);--primary-10:color-mix(in srgb, var(--primary) 10%, transparent);--primary-bright-20:color-mix(in srgb, var(--primary-bright) 20%, transparent);--surface-60:color-mix(in srgb, var(--surface) 60%, transparent);--card-surface:color-mix(in srgb, var(--surface) 70%, transparent);--card-badge-bg:color-mix(in srgb, var(--surface) 88%, transparent);--border-50:color-mix(in srgb, var(--border) 50%, transparent);--text-muted-30:color-mix(in srgb, var(--text-muted) 30%, transparent);--white-08:color-mix(in srgb, var(--white) 8%, transparent);--white-02:color-mix(in srgb, var(--white) 2%, transparent);--black-50:hsl(0 0% 0% / 0.5);--font-display:'Syne', ui-sans-serif, system-ui, sans-serif;--font-body:'Space Grotesk', ui-sans-serif, system-ui, sans-serif;--text-xs:0.75rem;--text-s:0.875rem;--text-m:1rem;--text-l:clamp(1.125rem, 1.0833rem + 0.1852vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1667rem + 0.3704vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);--text-3xl:clamp(2rem, 1.6667rem + 1.4815vw, 3rem);--text-4xl:clamp(1.75rem, 1.08rem + 3.34vw, 3.75rem);--leading-tight:1.25;--leading-display:1.1;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tight:-0.025em;--tracking-wide:0.05em;--space-2xs:0.25rem;--space-xs:0.5rem;--space-s:0.75rem;--space-m:1rem;--space-l:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--section-space-s:clamp(3rem, 2.6667rem + 1.4815vw, 4rem);--section-space-m:clamp(4rem, 3.3333rem + 2.963vw, 6rem);--section-space-l:clamp(5rem, 4rem + 4.4444vw, 8rem);--radius-s:0.75rem;--radius-m:1rem;--radius-l:1.5rem;--radius-xl:2rem;--radius-full:9999px;--shadow-glow:0 0 60px hsl(160 100% 42% / 0.4);--shadow-glow-s:0 0 30px hsl(160 100% 42% / 0.3);--shadow-btn-glow:0 0 30px hsl(160 100% 42% / 0.5);--shadow-btn-glow-hover:0 0 50px hsl(160 100% 42% / 0.7);--shadow-card:0 25px 50px -12px hsl(0 0% 0% / 0.5);--focus-ring:0 0 0 3px var(--bg), 0 0 0 5px var(--primary), 0 0 0 7px hsl(160 100% 42% / 0.2);--focus-ring-inverse:0 0 0 3px var(--primary), 0 0 0 5px var(--text), 0 0 0 7px color-mix(in srgb, var(--text) 20%, transparent);--ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--ease-snap:cubic-bezier(0.33, 0, 0, 1);--ease-entrance:cubic-bezier(0.19, 1, 0.22, 1);--dur-fast:150ms;--dur-base:200ms;--dur-slow:300ms;--container-max:87.5rem;--content-max:48rem;--content-max-l:56rem;--content-max-xl:64rem;--container-pad:clamp(1rem, 0.5rem + 1vw, 1.5rem);--btn-h-l:3rem;--btn-h-xl:3.5rem;--btn-pad-x-l:2rem;--btn-pad-x-xl:2.5rem}