:root{--color-primary:#6C3CF5;--color-primary-hover:#5A2DE0;--color-primary-light:#8B6CF7;--color-primary-glow:rgba(108, 60, 245, 0.15);--color-primary-surface:rgba(108, 60, 245, 0.06);--color-on-primary:#FFFFFF;--color-bg:#FFFFFF;--color-surface-1:#FAFAFA;--color-surface-2:#F5F5F5;--color-surface-3:#EAEAEA;--color-border:rgba(0, 0, 0, 0.08);--color-border-hover:rgba(0, 0, 0, 0.15);--color-text:#0A0A0A;--color-text-secondary:#4A4A4A;--color-text-tertiary:#717171;--color-success:#22C55E;--color-warning:#F59E0B;--color-error:#EF4444;--color-info:#3B82F6;--color-success-surface:rgba(34, 197, 94, 0.10);--color-warning-surface:rgba(245, 158, 11, 0.10);--color-error-surface:rgba(239, 68, 68, 0.10);--color-info-surface:rgba(59, 130, 246, 0.10);--color-primary-surface:rgba(108, 60, 245, 0.10);--color-accent-pink:#EC4899;--color-accent-pink-surface:rgba(236, 72, 153, 0.10);--color-accent-teal:#14B8A6;--color-accent-teal-surface:rgba(20, 184, 166, 0.10);--font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'SF Mono','Fira Code','Cascadia Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:clamp(1.5rem, 2.5vw, 1.75rem);--text-3xl:clamp(1.75rem, 3vw, 2.25rem);--text-4xl:clamp(2rem, 3.5vw, 2.75rem);--text-5xl:clamp(2.5rem, 4.5vw, 3.5rem);--text-6xl:clamp(2.25rem, 5vw, 4.5rem);--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.6;--leading-relaxed:1.7;--tracking-tight:-0.03em;--tracking-normal:0;--tracking-wide:0.04em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-full:100px;--frame-strong:rgba(0, 0, 0, 0.10);--frame-medium:rgba(0, 0, 0, 0.06);--frame-soft:rgba(0, 0, 0, 0.04);--shadow-xs:0 1px 3px rgba(0, 0, 0, 0.04),0 1px 2px rgba(0, 0, 0, 0.06);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.06),0 2px 4px rgba(0, 0, 0, 0.04);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.08),0 4px 12px rgba(0, 0, 0, 0.04);--shadow-glow:0 0 20px rgba(108, 60, 245, 0.20);--container-max:1180px;--container-padding:24px;--header-height:56px;--section-padding:clamp(96px, 12vw, 128px);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--ease-out:cubic-bezier(0.16, 1, 0.3, 1)}.section-dark{--color-bg:#0A0A0F;--color-surface-1:#111118;--color-surface-2:#1A1A24;--color-surface-3:#242432;--color-border:rgba(255, 255, 255, 0.08);--color-border-hover:rgba(255, 255, 255, 0.15);--color-text:#EDEDF0;--color-text-secondary:#9494A0;--color-text-tertiary:#5C5C6E;--color-primary-light:#8B6CF7;--color-primary-glow:rgba(108, 60, 245, 0.25);--color-primary-surface:rgba(108, 60, 245, 0.08);--shadow-xs:0 1px 3px rgba(0, 0, 0, 0.3),0 1px 2px rgba(0, 0, 0, 0.2);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4),0 1px 2px rgba(0, 0, 0, 0.25);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.45),0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.5),0 4px 12px rgba(0, 0, 0, 0.3);--shadow-glow:0 0 24px rgba(108, 60, 245, 0.30);color:var(--color-text)}