:root{--purple:#7B40E8;--purple-light:#A888F4;--purple-soft:#F7F3FF;--purple-deep:#45337C;--purple-900:#131326;--white:#FFFFFF;--neutral-50:#F9FAFB;--neutral-100:#F3F4F6;--neutral-200:#E5E7EB;--neutral-300:#D1D5DB;--neutral-400:#9CA3AF;--neutral-600:#4B5563;--neutral-700:#374151;--neutral-900:#111827;--green:#10B981;--amber:#F59E0B;--red:#EF4444;--color-bg:var(--white);--color-bg-alt:var(--neutral-50);--color-surface:var(--white);--color-border:var(--neutral-200);--color-border-subtle:var(--neutral-100);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-600);--color-text-faint:var(--neutral-400);--color-accent:var(--purple);--color-accent-light:var(--purple-light);--color-accent-soft:var(--purple-soft);--color-footer-bg:var(--purple-900);--g1:linear-gradient(135deg, #F7F3FF 0%, #A888F4 40%, #45337C 75%, #131326 100%);--g2:linear-gradient(135deg, #45337C 0%, #A888F4 40%, #45337C 70%, #131326 100%);--g3:linear-gradient(135deg, #9B6AFA 0%, #131326 100%);--font-sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'DM Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;--text-xs:0.75rem;--text-sm:1rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-hero-pillar:clamp(2.75rem, 6vw, 5rem);--text-hero-cluster:clamp(2.25rem, 4.5vw, 3.75rem);--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-widest:0.1em;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:2.5rem;--space-6:3rem;--space-8:4rem;--space-10:5rem;--space-12:6rem;--space-16:8rem;--radius-sm:0.25rem;--radius-button:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--control-height:44px;--control-padding:0.75rem 1.5rem;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08),0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08),0 2px 4px rgba(0, 0, 0, 0.04);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.10),0 4px 8px rgba(0, 0, 0, 0.05);--shadow-purple:0 4px 16px rgba(123, 64, 232, 0.20);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--container-max:1200px;--content-max:720px;--sidebar-width:300px;--nav-height:80px;--progress-bar-h:3px;--sidebar-sticky-top:calc(var(--nav-height) + var(--progress-bar-h) + var(--space-2));--z-base:1;--z-raised:10;--z-overlay:100;--z-nav:200;--z-progress:300;--z-modal:400}