:root{--color-primary: #0A1628;--color-primary-light: #1A2A44;--color-primary-dark: #060E1A;--color-accent: #F97316;--color-accent-light: #FB923C;--color-accent-dark: #EA580C;--color-accent-glow: rgba(249, 115, 22, .15);--color-success: #10B981;--color-success-light: #34D399;--color-bg: #FAFAF8;--color-bg-white: #FFFFFF;--color-bg-alt: #F3F4F6;--color-bg-dark: #0A1628;--color-text: #1F2937;--color-text-light: #6B7280;--color-text-lighter: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-inverse-light: rgba(255,255,255,.7);--color-border: #E5E7EB;--color-border-light: #F3F4F6;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.05);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.1), 0 16px 32px rgba(0,0,0,.06);--shadow-glow: 0 0 20px var(--color-accent-glow);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--container-max: 1200px;--container-narrow: 800px;--container-wide: 1400px;--header-height: 72px}@media (max-width: 768px){:root{--text-5xl: 2.25rem;--text-6xl: 2.75rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem;--header-height: 64px}}