:root{--color-cyan:#00D4FF;--color-cyan-light:#33E0FF;--color-cyan-dark:#00A8CC;--color-purple:#7B3FF2;--color-purple-light:#9560F5;--color-purple-dark:#5F2CBD;--gradient-primary:linear-gradient(135deg, #00D4FF 0%, #7B3FF2 100%);--gradient-primary-hover:linear-gradient(135deg, #00E5FF 0%, #8B4FFF 100%);--bg-primary:#0A0E27;--bg-secondary:#1A1F3A;--bg-tertiary:#252B48;--bg-accent:#1E2645;--text-primary:#FFFFFF;--text-secondary:#E8ECFF;--text-tertiary:#C5C9D6;--card-bg:rgba(255, 255, 255, 0.05);--card-bg-alt:rgba(255, 255, 255, 0.03);--card-hover-bg:rgba(0, 212, 255, 0.1);--card-border:rgba(255, 255, 255, 0.1);--card-shadow:0 4px 20px rgba(0, 0, 0, 0.3);--card-hover-shadow:0 10px 30px rgba(0, 0, 0, 0.5);--nav-bg:rgba(10, 14, 39, 0.95);--nav-border:rgba(255, 255, 255, 0.1);--gradient-bg-section:linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, rgba(123, 63, 242, 0.05) 100%);--gradient-bg-dark:linear-gradient(180deg, #0A0E27 0%, #1A1F3A 100%);--overlay-light:rgba(10, 14, 39, 0.95);--overlay-medium:rgba(10, 14, 39, 0.8);--overlay-glass:rgba(255, 255, 255, 0.05);--overlay-glass-border:rgba(255, 255, 255, 0.1);--color-dark:#0A0E27;--color-light:#E8ECFF;--color-white:#FFFFFF;--color-gray:#8B92A7;--color-success:#00D9A3;--color-error:#FF4D6A;--color-warning:#FFB946;--color-info:var(--color-cyan);--overlay-dark:rgba(10, 14, 39, 0.95);--overlay-dark-medium:rgba(10, 14, 39, 0.8);--overlay-dark-light:rgba(10, 14, 39, 0.5);--overlay-glass:rgba(255, 255, 255, 0.05);--overlay-glass-border:rgba(255, 255, 255, 0.1);--font-primary:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-heading:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono','Courier New',monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-sm:clamp(0.875rem, 0.8rem + 0.35vw, 1rem);--text-base:clamp(1rem, 0.95rem + 0.5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.75vw, 1.375rem);--text-xl:clamp(1.25rem, 1.1rem + 1vw, 1.75rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl:clamp(2.5rem, 2rem + 3vw, 4rem);--text-5xl:clamp(3rem, 2.5rem + 4vw, 5rem);--leading-none:1;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.75;--leading-loose:2;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--space-16:8rem;--space-20:10rem;--section-padding-y:clamp(4rem, 8vw, 8rem);--section-padding-x:clamp(1rem, 5vw, 4rem);--container-padding:clamp(1rem, 5vw, 2rem);--container-max-width:1400px;--container-narrow:1000px;--container-wide:1600px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow-cyan:0 0 20px rgba(0, 212, 255, 0.3),0 0 40px rgba(0, 212, 255, 0.15);--shadow-glow-purple:0 0 20px rgba(123, 63, 242, 0.3),0 0 40px rgba(123, 63, 242, 0.15);--duration-instant:100ms;--duration-fast:200ms;--duration-base:300ms;--duration-slow:500ms;--duration-slower:800ms;--duration-slowest:1200ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--ease-smooth:cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-snap:cubic-bezier(0.34, 1.56, 0.64, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-color:var(--overlay-glass-border);--border-gradient:linear-gradient(135deg,