:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-card: rgba(30, 41, 59, .7);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-accent: #38bdf8;--color-accent-warm: #fbbf24;--color-accent-gold: #d97706;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #38bdf8 50%, #fbbf24 100%);--gradient-gold: linear-gradient(135deg, #fbbf24, #d97706);--gradient-dark: linear-gradient(180deg, rgba(30, 41, 59, .9), rgba(15, 23, 42, .95));--color-accent-glow: rgba(56, 189, 248, .3);--color-gold-glow: rgba(251, 191, 36, .3);--color-success: #10b981;--font-main: "Heebo", system-ui, -apple-system, sans-serif;--font-display: "Rubik", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-glow: 0 0 15px var(--color-accent-glow);--radius-md: .75rem;--radius-lg: 1.5rem;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}