:root { color-scheme: dark; --bp-xl: 1400px; --bp-lg: 1200px; --bp-md: 992px; --bp-sm: 768px; --bp-xs: 576px; --container-max-width: 1304px; --container-padding-x: clamp(16px, 4vw, 48px); --container-padding-x-mobile: 16px; --gray-50: #FFFFFF; --gray-100: #F7F7F7; --gray-300: #D9D9D9; --gray-600: #636363; --gray-900: #000000; --slate-50: #F7FAFC; --slate-200: #E7EBEF; --slate-300: #D3DDEE; --slate-400: #B1B6BC; --slate-500: #8FA0BB; --slate-600: #636C78; --navy-990: #040B1A; --navy-950: #061024; --navy-900: #0A1834; --navy-800: #0F2346; --blue-100: #B0D7FF; --blue-200: #89A6CA; --blue-500: #0070D9; --blue-700: #1D4E8C; --blue-glow: #1C6FD0; --blue-glow-deep: #0B4F96; --orange-100: #FFE2C6; --orange-300: #FFB26B; --orange-500: #EC6910; --orange-600: color-mix(in srgb, var(--orange-500) 90%, black); --orange-400: color-mix(in srgb, var(--orange-500) 85%, white); --orange-950: #1A0D00; --red-100: #FFD6D6; --red-300: #FF9C9C; --red-400: #FF7A7A; --green-100: #D6FFE8; --green-400: #43C878; --color-primary: var(--blue-500); --color-primary-strong: var(--blue-700); --color-accent: var(--orange-500); --color-accent-hover: var(--orange-600); --color-accent-text: var(--orange-300); --color-link: var(--blue-100); --color-text: var(--slate-300); --color-text-strong: var(--gray-50); --color-text-secondary: var(--slate-500); --color-text-on-primary: var(--gray-50); --color-text-on-accent: var(--gray-50); --color-text-header: var(--slate-300); --color-text-topbar: var(--slate-50); --color-placeholder: color-mix(in srgb, var(--slate-500) 80%, var(--navy-950)); --color-bg: var(--navy-950); --color-bg-alt: var(--navy-900); --color-bg-muted: var(--navy-800); --color-bg-footer: var(--navy-990); --color-bg-surface: color-mix(in srgb, var(--gray-50) 5%, transparent); --color-bg-input: color-mix(in srgb, var(--navy-990) 70%, transparent); --color-bg-search: var(--color-bg-input); --color-bg-header-scrolled: color-mix(in srgb, var(--navy-950) 90%, transparent); --color-bg-overlay: color-mix(in srgb, var(--navy-950) 98%, transparent); --color-bg-modal-overlay: color-mix(in srgb, var(--navy-950) 45%, transparent); --color-border: color-mix(in srgb, var(--gray-50) 15%, transparent); --color-border-strong: color-mix(in srgb, var(--gray-50) 24%, transparent); --color-border-hover: color-mix(in srgb, var(--gray-50) 40%, transparent); --color-border-accent: color-mix(in srgb, var(--orange-500) 40%, transparent); --color-error: var(--red-400); --color-error-text: var(--red-300); --color-success: var(--green-400); --color-icon: var(--blue-100); --icon-stroke-width: 2px; --icon-size-xs: 16px; --icon-size-sm: 24px; --icon-size-md: 32px; --icon-size-lg: 44px; --color-header-from: #0070D9; --color-header-to: #23487A; --gradient-header: linear-gradient(45deg, var(--color-header-from) 10%, var(--color-header-to) 100%); --gradient-tint: radial-gradient(70% 80% at 100% 0%, color-mix(in srgb, var(--blue-glow) 24%, transparent), transparent 70%); --gradient-glass: linear-gradient(180deg, color-mix(in srgb, var(--gray-50) 10%, transparent), color-mix(in srgb, var(--gray-50) 4%, transparent)); --gradient-glass-hover: linear-gradient(180deg, color-mix(in srgb, var(--gray-50) 18%, transparent), color-mix(in srgb, var(--gray-50) 8%, transparent)); --glass-blur: blur(16px) saturate(130%); --radius-xs: 6px; --radius-sm: 12px; --radius-md: 18px; --radius-lg: 24px; --radius-xl: 32px; --radius-full: 45.5px; --radius-chrome-sm: 6px; --radius-chrome-md: 8px; --space-xs: 6px; --space-sm: 12px; --space-md: 18px; --space-lg: 24px; --space-xl: 48px; --space-xxl: 80px; --gap-block-inner: 32px; --gap-title-content: 38px; --gap-section: 55px; --space-section: clamp(64px, 9vw, 120px); --space-section-cta-top: clamp(32px, 4vw, 48px); --space-section-cta-bottom: clamp(40px, 6vw, 72px); --shadow-card: 0 12px 32px color-mix(in srgb, var(--gray-900) 35%, transparent); --shadow-dropdown: 0 8px 24px color-mix(in srgb, var(--gray-900) 45%, transparent); --shadow-menu: 0 8px 32px color-mix(in srgb, var(--gray-900) 45%, transparent); --shadow-tile: 0 4px 6px color-mix(in srgb, var(--gray-900) 30%, transparent); --shadow-tile-hover: 0 7px 9px color-mix(in srgb, var(--gray-900) 25%, transparent); --shadow-accent: 0 10px 28px color-mix(in srgb, var(--orange-500) 38%, transparent); --shadow-media: 0 30px 80px color-mix(in srgb, var(--blue-glow) 35%, transparent); --shadow-focus: 0 0 0 3px color-mix(in srgb, var(--orange-500) 28%, transparent); --ease-out: cubic-bezier(.22, 1, .36, 1); --duration-fast: 200ms; --duration-base: 400ms; --duration-slow: 700ms; --button-height: 52px; --button-height-sm: 42px; --button-padding-x: 26px; --button-padding-x-sm: 18px; --button-gap: 10px; --button-font-size: var(--text-md); --button-font-weight: var(--font-weight-semibold); --header-height: 76px; --header-height-mobile: 68px; --text-xs: 12px; --text-caption: 13px; --text-sm: 14px; --text-md: 15px; --text-base: 16px; --text-lg: 18px; --text-xl: 20px; --heading-md: 32px; --heading-lg: 40px; --accent-value: 40px; --h1-size: clamp(30px, 4.4vw, 56px); --h2-size: clamp(26px, 3.1vw, 40px); --h3-size: clamp(18px, 1.5vw, 20px); --lead-size: clamp(16px, 1.25vw, 18px); --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 700; --leading-body: 1.6; --leading-heading: 1.15; --tracking-tight: -0.02em; --tracking-caps: 0.12em; --z-overlay: 150; --z-catalog-menu: 175; --z-mobile-menu: 300; --z-header: 350; --z-skip: 400; --z-modal: 450; --font-main: 'Montserrat', system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }