:root{--supnex-bg: #0B0A18;--supnex-panel: #14122A;--supnex-panel-2: #1C1935;--supnex-ink: #F3F1FA;--supnex-muted: #9691B8;--supnex-border: #2A2550;--supnex-nav-bg: rgba(11, 10, 24, .55);--supnex-nav-bg-scrolled: rgba(11, 10, 24, .85);--supnex-surface-alt: rgba(20, 18, 42, .35);--supnex-indigo: #3B2AE8;--supnex-violet: #7C3AED;--supnex-coral: #F55A8A;--supnex-brand: var(--supnex-violet);--supnex-brand-2: var(--supnex-coral);--supnex-brand-3: var(--supnex-indigo);--supnex-success: #5EEAA8;--supnex-attention: #FFB547;--supnex-error: #FF6B8A;--supnex-gradient: linear-gradient(135deg, #3B2AE8 0%, #7C3AED 50%, #F55A8A 100%);--supnex-gradient-hover: linear-gradient(135deg, #4d3ef0 0%, #8e4ef5 50%, #f76a97 100%);--supnex-shadow-card: 0 4px 24px rgba(11, 10, 24, .6);--supnex-shadow-elevated: 0 8px 40px rgba(60, 10, 120, .25);--supnex-shadow-hero: 0 20px 60px rgba(60, 10, 120, .45);--supnex-shadow-mock: 0 40px 80px rgba(60, 10, 120, .35);--font-sans: "Plus Jakarta Sans", -apple-system, system-ui, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-features: "ss01", "cv11";--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 42px;--text-5xl: 48px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .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;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 28px;--radius-full: 999px}[data-theme=light]{--supnex-bg: #F3F1FA;--supnex-panel: #FFFFFF;--supnex-panel-2: #EDE9F9;--supnex-ink: #1A1033;--supnex-muted: #6B6490;--supnex-border: #DDD9EE;--supnex-nav-bg: rgba(243, 241, 250, .65);--supnex-nav-bg-scrolled: rgba(243, 241, 250, .9);--supnex-surface-alt: rgba(237, 233, 249, .6);--supnex-success: #0B8F5F;--supnex-attention: #9A6000;--supnex-error: #C42F5F;--supnex-shadow-card: 0 4px 24px rgba(26, 16, 51, .06);--supnex-shadow-elevated: 0 8px 40px rgba(60, 10, 120, .1);--supnex-shadow-hero: 0 20px 60px rgba(60, 10, 120, .15);--supnex-shadow-mock: 0 40px 80px rgba(60, 10, 120, .18)}