:root {
    --color-bg: #f6f8fc;
    --color-bg-alt: #f4f8fc;
    --color-surface: #ffffff;
    --color-surface-soft: #f1f5fb;
    --color-surface-soft-alt: #eef5fb;
    --color-surface-line: rgba(40, 138, 224, 0.08);
    --color-surface-line-strong: rgba(40, 138, 224, 0.12);
    --color-text: #0a1730;
    --color-text-strong: #061629;
    --color-text-soft: #6b7e96;
    --color-text-soft-alt: #5f7288;
    --color-text-muted: #a5b0bf;
    --color-accent: #288ae0;
    --color-accent-strong: #0d67c7;
    --color-accent-alt: #02bdd2;
    --color-accent-soft: rgba(13, 103, 199, 0.06);
    --accent-bg: #FFD60A;
    --main-color: #000813;
    --card-bg: #FFFFFF;
    --gradient-main: linear-gradient(135deg, #0d67c7 0%, #288ae0 50%, #02bdd2 100%);
    --gradient-main-subscription: linear-gradient(135deg, #0d67c7 0%, #288ae0 45%, #02bdd2 100%);
    --gradient-dark: linear-gradient(135deg, #093d72 0%, #0d67c7 45%, #1798da 100%);
    --gradient-cta: linear-gradient(135deg, #185ccf 0%, #0f82df 52%, #00bfd3 100%);
    --shadow-soft: 0 12px 28px rgba(9, 31, 61, 0.04);
    --shadow-card-hover: 0 16px 30px rgba(9, 31, 61, 0.06);
    --shadow-button: 0 16px 30px rgba(13, 103, 199, 0.18);
    --shadow-button-strong: 0 16px 30px rgba(13, 103, 199, 0.22);
    --shadow-subscription: 0 22px 60px rgba(8, 57, 106, 0.12);
    --shadow-focus: 0 0 0 4px rgba(13, 103, 199, 0.06);
    --shadow-frosted: 0 18px 36px rgba(8, 57, 106, 0.16);
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-control: 15px;
    --radius-card: 20px;
    --radius-card-mobile: 15px;
    --radius-hero: 30px;
    --radius-hero-mobile: 15px;
    --radius-pill: 999px;
    --radius-round: 50%;
    --container-width: 1240px;
    --container-width-wide: 1280px;
    --container-padding-x: 16px;
    --container-padding-x-mobile: 12px;
    --container-padding-x-mobile-tight: 10px;
    --section-padding-default: 95px 0;
    --section-padding-first: 160px 0 95px;
    --section-padding-search: 44px 0 88px;
    --section-padding-mobile-default: 60px 0;
    --section-padding-mobile-first: 112px 0 90px;
    --section-padding-mobile-search: 34px 0 64px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 18px;
    --space-lg: 24px;
    --space-xl: 34px;
    --font-body: 16px;
    --font-small: 15px;
    --font-control: 16px;
    --bold: "Onest", Arial, sans-serif;
    --semibold: "Onest", Arial, sans-serif;
    --regular: "Onest", Arial, sans-serif;
    --font-title-section: 50px;
    --font-title-page: clamp(42px, 6vw, 68px);
    --line-height-body: 1.35;
    --transition-fast: 0.2s ease;
    --transition-base: 0.22s ease;
    --transition-card: 0.24s ease;
    --transition-panel: 0.35s ease;
    --page-container-width: var(--container-width);
    --page-container-padding-x: var(--container-padding-x);
    --page-container-padding-x-mobile: var(--container-padding-x-mobile);
    --page-section-padding: var(--section-padding-default);
    --page-section-padding-first: var(--section-padding-first);
    --page-section-padding-mobile: var(--section-padding-mobile-default);
    --page-section-padding-mobile-first: var(--section-padding-mobile-first);
}