:root {--blue-50: #EEF4FF;--blue-100: #DCE8FF;--blue-200: #B9D0FF;--blue-300: #86AEFF;--blue-400: #4F85FF;--blue-500: #1F5BFF;--blue-600: #1445CC;--blue-700: #0A3590;--blue-800: #002C6B;--blue-900: #001D47;--blue-950: #00132F;--cyan-300: #66E3FF;--cyan-400: #33DBFF;--cyan-500: #00D4FF;--cyan-600: #00A9CC;--cyan-700: #007F99;--orange-300: #ffab91;--orange-400: #ff805c;--orange-500: #ff5726;--orange-600: #fe3e02;--orange-700: #d93400;--gray-0: #FFFFFF;--gray-50: #F5F8FC;--gray-100: #EAEFF6;--gray-200: #DAE2EE;--gray-300: #C0CBDB;--gray-400: #8A97AB;--gray-500: #66738A;--gray-600: #4A5568;--gray-700: #323C4E;--gray-800: #1B2433;--gray-900: #0B1220;--green-500: #12B76A;--green-100: #D9F5E7;--green-700: #0B7A46;--yellow-500: #F5B301;--yellow-100: #FFF3CC;--yellow-700: #8A6400;--red-500: #E5484D;--red-100: #FDE3E4;--red-700: #A3262B;--rgb-primary: 0 44 107;--rgb-midnight: 0 19 47;--rgb-electric: 31 91 255;--rgb-cyan: 0 212 255;--rgb-orange: 255 122 26;--color-primary: var(--blue-800);--color-primary-hover: var(--blue-700);--color-primary-active: var(--blue-900);--color-secondary: var(--blue-500);--color-secondary-hover: var(--blue-600);--color-accent: var(--cyan-500);--color-accent_hover: var(--cyan-300);--color-cta: var(--orange-600);--color-cta-hover: var(--orange-500);--bg-page: var(--gray-50);--bg-surface: var(--gray-0);--bg-surface-alt: var(--gray-100);--bg-tint: var(--blue-50);--bg-blue-alt: var(--blue-100);--bg-inverse: var(--blue-950);--bg-brand: var(--blue-800);--bg-overlay: rgb(var(--rgb-midnight) / 0.6);--text-primary: var(--gray-800);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-disabled: var(--gray-400);--text-brand: var(--blue-800);--text-link: var(--blue-500);--text-link-hover: var(--blue-700);--text-on-brand: var(--gray-0);--text-on-cta: #2A1200;--text-on-accent: var(--blue-950);--text-inverse: var(--gray-0);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-brand: var(--blue-800);--border-focus: var(--blue-500);--color-success: var(--green-500);--color-success-bg: var(--green-100);--color-success-text: var(--green-700);--color-warning: var(--yellow-500);--color-warning-bg: var(--yellow-100);--color-warning-text: var(--yellow-700);--color-danger: var(--red-500);--color-danger-bg: var(--red-100);--color-danger-text: var(--red-700);--color-info: var(--blue-500);--color-info-bg: var(--blue-50);--color-info-text: var(--blue-700);--gradient-brand: linear-gradient(135deg, var(--blue-800) 0%, var(--blue-500) 100%);--gradient-hero: linear-gradient(160deg, var(--blue-950) 0%, var(--blue-800) 55%, var(--blue-700) 100%);--gradient-deep: linear-gradient(180deg, var(--blue-900) 0%, var(--blue-950) 100%);--gradient-electric: linear-gradient(135deg, var(--blue-500) 0%, var(--cyan-500) 100%);--gradient-cyan: linear-gradient(135deg, var(--cyan-600) 0%, var(--cyan-400) 100%);--gradient-cta: linear-gradient(135deg, var(--orange-600) 0%, var(--orange-400) 100%);--gradient-cta-hover: linear-gradient(135deg, #D15400 0%, var(--orange-500) 100%);--gradient-surface: linear-gradient(180deg, var(--gray-0) 0%, var(--gray-50) 100%);--gradient-tint: linear-gradient(180deg, var(--blue-50) 0%, var(--gray-0) 100%);--gradient-overlay: linear-gradient(180deg, rgb(var(--rgb-midnight) / 0) 0%, rgb(var(--rgb-midnight) / 0.85) 100%);--gradient-overlay-brand: linear-gradient(90deg, rgb(var(--rgb-midnight) / 0.92) 0%, rgb(var(--rgb-primary) / 0.55) 60%, rgb(var(--rgb-primary) / 0) 100%);--gradient-glow-cyan: radial-gradient(circle at 20% 0%, rgb(var(--rgb-cyan) / 0.28), transparent 55%);--gradient-glow-blue: radial-gradient(circle at 85% 100%, rgb(var(--rgb-electric) / 0.35), transparent 55%);--gradient-glow-orange: radial-gradient(circle at 100% 0%, rgb(var(--rgb-orange) / 0.25), transparent 50%);--gradient-hero-glow: var(--gradient-glow-cyan), var(--gradient-glow-blue), var(--gradient-hero);--gradient-text: linear-gradient(0deg, var(--blue-500) 0%, var(--cyan-500) 100%);--gradient-line: linear-gradient(90deg, var(--cyan-500) 0%, var(--blue-500) 50%, transparent 100%);--shadow-xs: 0 1px 2px rgb(var(--rgb-primary) / 0.06);--shadow-sm: 0 1px 3px rgb(var(--rgb-primary) / 0.08), 0 1px 2px rgb(var(--rgb-primary) / 0.05);--shadow-md: 0 4px 8px -2px rgb(var(--rgb-primary) / 0.10), 0 2px 4px -2px rgb(var(--rgb-primary) / 0.06);--shadow-lg: 0 12px 24px -6px rgb(var(--rgb-primary) / 0.14), 0 4px 8px -4px rgb(var(--rgb-primary) / 0.08);--shadow-xl: 0 24px 48px -12px rgb(var(--rgb-primary) / 0.20), 0 8px 16px -8px rgb(var(--rgb-primary) / 0.10);--shadow-2xl: 0 40px 80px -20px rgb(var(--rgb-midnight) / 0.35);--shadow-inner: inset 0 2px 4px rgb(var(--rgb-primary) / 0.08);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-lg);--shadow-dropdown: 0 12px 32px -8px rgb(var(--rgb-midnight) / 0.22), 0 2px 6px rgb(var(--rgb-midnight) / 0.08);--shadow-modal: var(--shadow-2xl);--glow-electric: 0 0 0 1px rgb(var(--rgb-electric) / 0.4), 0 8px 24px -4px rgb(var(--rgb-electric) / 0.45);--glow-cyan: 0 0 0 1px rgb(var(--rgb-cyan) / 0.4), 0 8px 24px -4px rgb(var(--rgb-cyan) / 0.45);--glow-cta: 0 8px 20px -4px rgb(var(--rgb-orange) / 0.50);--ring-focus: 0 0 0 3px rgb(var(--rgb-electric) / 0.35);--ring-danger: 0 0 0 3px rgb(229 72 77 / 0.30);--font-heading: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: clamp(1rem, 0.96rem + 0.2vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.3125rem, 1.09375rem + 0.875vw, 1.75rem);--text-4xl: clamp(2.25rem, 1.7rem + 2.8vw, 3.5rem);--text-5xl: clamp(2.75rem, 1.9rem + 4.2vw, 4.75rem);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -0.02em;--tracking-normal: 0;--tracking-wide: 0.02em;--measure: 65ch;--space-0: 0;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.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;--section-y: clamp(3.5rem, 2.5rem + 5vw, 7rem);--gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--radius-full: 50%;--border-width: 1px;--border-width-thick: 2px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-modal: var(--radius-xl);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1320px;--header-height: 72px;--sidebar-width: 280px;--control-sm: 2.25rem;--control-md: 2.75rem;--control-lg: 3.25rem;--duration-fast: 120ms;--duration-base: 200ms;--duration-slow: 360ms;--duration-slower: 600ms;--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--transition-colors: color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);--transition-shadow: box-shadow var(--duration-base) var(--ease-out);--transition-transform: transform var(--duration-base) var(--ease-out);--transition-all: all var(--duration-base) var(--ease-out);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700;--white-t-10: #ffffff1a;}