:root{--white:#FFFFFF;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-600:#4B5563;--gray-700:#374151;--gray-900:#111827;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-gold:linear-gradient(135deg, #FFB800 0%, #FF8C00 100%);--gradient-emerald:linear-gradient(135deg, #06B6D4 0%, #0891B2 100%);--gradient-hero:linear-gradient(135deg, #1a0b2e 0%, #6B46C1 50%, #9333EA 100%);--gradient-pink:linear-gradient(135deg, #EC4899 0%, #F472B6 100%);--font-display:'Inter', -apple-system, system-ui, sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.15);--shadow-2xl:0 25px 50px rgba(0, 0, 0, 0.25);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-smooth:0.5s cubic-bezier(0.4, 0, 0.2, 1)}