:root{--color-primary: #00C8FF;--color-primary-dark: #00A3D9;--color-primary-light: #33D4FF;--color-accent: #00E676;--color-accent-orange: #FF6D00;--color-accent-magenta: #E040FB;--color-accent-yellow: #FFD600;--color-accent-red: #FF5252;--color-bg-dark: #0A0E1A;--color-bg-dark-2: #0D1225;--color-bg-dark-3: #111730;--color-bg-card: rgba(13, 18, 37, .8);--color-bg-card-hover: rgba(0, 200, 255, .05);--color-text: rgba(255,255,255,.85);--color-text-muted: rgba(255,255,255,.55);--color-text-bright: #FFFFFF;--color-border: rgba(0, 200, 255, .15);--color-border-hover: rgba(0, 200, 255, .4);--gradient-hero: linear-gradient(160deg, #040810 0%, #0A1628 40%, #0D1225 100%);--gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-card-top: linear-gradient(180deg, rgba(0,200,255,.08) 0%, transparent 100%);--gradient-glow: radial-gradient(ellipse at 50% 50%, rgba(0,200,255,.12) 0%, transparent 60%);--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--section-padding: 100px 0;--container-width: 1200px;--container-padding: 0 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-glow: 0 0 30px rgba(0,200,255,.15);--shadow-glow-green: 0 0 30px rgba(0,230,118,.15);--shadow-card: 0 4px 24px rgba(0,0,0,.3);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}