:root { --hk-color-purple: #7C6AED; --hk-color-purple-light: #A89AFA; --hk-color-purple-glow: rgba(124, 106, 237, 0.25); --hk-color-purple-soft: #EDE9FE; --hk-color-purple-dark: #5B21B6; --hk-color-white: #FFFFFF; --hk-color-off-white: #F8F9FC; --hk-color-navy: #1A1F3D; --hk-color-navy-90: rgba(26, 31, 61, 0.95); --hk-color-gray: #6B7280; --hk-color-gray-light: #E5E7EB; --hk-color-gray-100: #F3F4F6; --hk-color-gray-200: #E5E7EB; --hk-color-gray-300: #D1D5DB; --hk-color-gray-400: #9CA3AF; --hk-color-gray-500: #6B7280; --hk-color-gray-600: #4B5563; --role-ceo: #E8B931; --role-kine: #3ABAB4; --role-osteo: #ED6A5E; --role-coach: #4A90D9; --padding-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --padding-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --padding-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --padding-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --padding-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --padding-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --padding-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --padding-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --padding-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --gap-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --gap-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --gap-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --gap-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --gap-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --gap-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --gap-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --gap-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --gap-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem); --border-3xs: clamp(0.66rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 0.66rem), 0.63rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --border-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem); --border-4xl: clamp(4.88rem, calc(0.03277777777777778 * (100vw - 36rem) + 4.88rem), 8.42rem);}.padding-2xs { padding: var(--padding-2xs); }.padding-xs { padding: var(--padding-xs); }.padding-s { padding: var(--padding-s); }.padding-m { padding: var(--padding-m); }.padding-l { padding: var(--padding-l); }.padding-xl { padding: var(--padding-xl); }.padding-2xl { padding: var(--padding-2xl); }.padding-3xl { padding: var(--padding-3xl); }.padding-4xl { padding: var(--padding-4xl); }.gap-2xs { gap: var(--gap-2xs); }.gap-xs { gap: var(--gap-xs); }.gap-s { gap: var(--gap-s); }.gap-m { gap: var(--gap-m); }.gap-l { gap: var(--gap-l); }.gap-xl { gap: var(--gap-xl); }.gap-2xl { gap: var(--gap-2xl); }.gap-3xl { gap: var(--gap-3xl); }.gap-4xl { gap: var(--gap-4xl); }.border-3xs { border-radius: var(--border-3xs); }.border-space-2xs { border-radius: var(--space-2xs); }.border-space-xs { border-radius: var(--space-xs); }.border-space-s { border-radius: var(--space-s); }.border-space-m { border-radius: var(--space-m); }.border-space-l { border-radius: var(--space-l); }.border-space-xl { border-radius: var(--space-xl); }.border-space-2xl { border-radius: var(--space-2xl); }.border-3xl { border-radius: var(--border-3xl); }.border-4xl { border-radius: var(--border-4xl); }