:root {--space-s: clamp(0.9375rem, 0.8886rem + 0.2174vw, 1.0625rem);--step-1: clamp(1.125rem, 1.0455rem + 0.3533vw, 1.3281rem);--step--1: clamp(0.7813rem, 0.7543rem + 0.1196vw, 0.85rem);--step-0: clamp(0.9375rem, 0.8886rem + 0.2174vw, 1.0625rem);--step-2: clamp(1.35rem, 1.2286rem + 0.5394vw, 1.6602rem);--space-xs: clamp(0.6875rem, 0.6386rem + 0.2174vw, 0.8125rem);--space-m: clamp(1.4375rem, 1.3641rem + 0.3261vw, 1.625rem);--step-3: clamp(1.62rem, 1.4419rem + 0.7916vw, 2.0752rem);--step-4: clamp(1.944rem, 1.6897rem + 1.1304vw, 2.594rem);--step-5: clamp(2.3328rem, 1.9768rem + 1.5821vw, 3.2425rem);--space-2xs: clamp(0.5rem, 0.4755rem + 0.1087vw, 0.5625rem);--space-l: clamp(1.875rem, 1.7772rem + 0.4348vw, 2.125rem);--space-xl: clamp(2.8125rem, 2.6658rem + 0.6522vw, 3.1875rem);--space-2xl: clamp(3.75rem, 3.5543rem + 0.8696vw, 4.25rem);--content-gap: var(--space-s);--section-padding: var(--space-l);--color-background: hsl(218 70% 5%);--color-primary: hsl(192 66% 57%);--color-accent: hsl(230 74% 35%);--color-text: hsl(0 0% 90%);--shade-primary-light-10: hsl(from var(--color-primary) h s calc(l + 10));--shade-primary-light-20: hsl(from var(--color-primary) h s calc(l + 20));--shade-primary-dark-10: hsl(from var(--color-primary) h s calc(l - 10));--shade-primary-dark-20: hsl(from var(--color-primary) h s calc(l - 20));--shade-primary-transparent-25: hsl(from var(--color-primary) h s l / 0.25);--shade-primary-transparent-50: hsl(from var(--color-primary) h s l / 0.5);--shade-primary-transparent-75: hsl(from var(--color-primary) h s l / 0.75);--shade-accent-light-10: hsl(from var(--color-accent) h s calc(l + 10));--shade-accent-light-20: hsl(from var(--color-accent) h s calc(l + 20));--shade-accent-dark-10: hsl(from var(--color-accent) h s calc(l - 10));--shade-accent-dark-20: hsl(from var(--color-accent) h s calc(l - 20));--shade-accent-transparent-25: hsl(from var(--color-accent) h s l / 0.25);--shade-accent-transparent-50: hsl(from var(--color-accent) h s l / 0.5);--shade-accent-transparent-75: hsl(from var(--color-accent) h s l / 0.75);--transition: .2s;--box-shadow: 0 0 1rem var(--color-primary);--link-color: hsl(179 100% 45%);--icon-size: 4rem;--card-background: linear-gradient(45deg, var(--color-accent), var(--color-background));;--card-size-s: 40ch;--card-size-m: 50ch;--card-size-l: 60ch;--card-size-xs: 30ch;--space-3xs: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);--space-3xl: clamp(5.625rem, 5.3315rem + 1.3043vw, 6.375rem);--card-background-reverse: linear-gradient(45deg, var(--color-background), var(--color-accent));;--card-size-xl: 70ch;}