:root{--color-primary:#4F46E5;--color-secondary:#00cec9;--color-accent:#FF8C1A;--color-bg:#222831;--color-surface-soft:#22293A;--color-surface:#1A1F36;--color-surface-elevated:#2A3144;--color-surface-hover:#35415A;--color-icon:#F1F2F6;--color-icon-hover:#FF8C1A;--color-border-soft:rgba(255, 255, 255, 0.06);--color-border:rgba(255, 255, 255, 0.12);--color-border-strong:rgba(255, 255, 255, 0.18);--color-text:#F1F2F6;--space-xs:clamp(0.4rem,calc(0.26vw + 0.32rem),0.6rem);--color-muted:#B6B9C7;--color-text-inverse:#0F1221;--color-header:#273046;--space-sm:clamp(0.8rem,calc(0.51vw + 0.64rem),1.2rem);--space-md:clamp(1.6rem,calc(0.51vw + 1.44rem),2rem);--space-lg:clamp(2.4rem,calc(1.03vw + 2.07rem),3.2rem);--space-xl:clamp(3.2rem,calc(2.05vw + 2.54rem),4.8rem);--space-2xl:clamp(4.8rem,calc(2.05vw + 4.14rem),6.4rem);--text-xs:clamp(1.3rem,calc(0.13vw + 1.26rem),1.4rem);--space-3xl:clamp(6.4rem,calc(4.1vw + 5.09rem),9.6rem);--text-sm:clamp(1.4rem,calc(0.13vw + 1.36rem),1.5rem);--text-body:clamp(1.6rem,calc(0.26vw + 1.52rem),1.8rem);--text-lg:clamp(1.8rem,calc(0.26vw + 1.72rem),2rem);--heading-h1:clamp(4rem,calc(2.31vw + 3.26rem),5.8rem);--heading-h2:clamp(3.2rem,calc(1.54vw + 2.71rem),4.4rem);--heading-h3:clamp(2.4rem,calc(1.03vw + 2.07rem),3.2rem);--heading-h4:clamp(2rem,calc(0.51vw + 1.84rem),2.4rem);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 4px 12px rgba(0,0,0,0.12);--shadow-md:0 8px 24px rgba(0,0,0,0.18);--shadow-lg:0 12px 32px rgba(0,0,0,0.28);--transition-fast:180ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--tracking-tight:-0.02em;--tracking-snug:-0.01em;--min-screen-width:320px;--max-screen-width:1100px;--width-2xs:120px;--width-xs:180px;--width-sm:220px;--width-md:320px;--width-lg:480px;--width-xl:720px;--width-2xl:960px;--width-full:100%;--motion-lift-xs:-2px;--motion-lift-sm:-4px;--motion-lift-md:-6px;--motion-lift-lg:-10px;--motion-scale-sm:1.02;--motion-scale-md:1.05;--shadow-panel:3px 3px 8px rgba(0,0,0,0.5)}