:root { --shadow-xs: rgba(0,0,0,0.05); --shadow-sm: rgba(0,0,0,0.08); --shadow-md: rgba(0,0,0,0.12); --shadow-lg: rgba(0,0,0,0.18); --shadow-xl: rgba(0,0,0,0.25); --shadow-inset: rgba(0,0,0,0.15); --shadow-glow-primary: 0 0 15px rgba( 255, 79, 0, 0.25); --shadow-glow-primary-strong: 0 0 30px rgba(255, 79, 0, 0.35); --shadow-glow-accent: 0 0 15px rgba(67, 56, 202, 0.25); --glow-accent-strong: 0 0 30px rgba(67, 56, 202, 0.35); --shadow-soft: 0 1px 2px rgba(0,0,0,0.04); --primary: #FF4F00; --primary-hover: #E64600; --secondary: #1E293B; --accent: #4338CA; --bg: #F8FAFC; --card-bg: #FFFFFF; --text-main: #0F172A; --text-muted: #64748B; --border: #E2E8F0; --bg-2: #F1F5F9; --shadow-colour: rgba(255, 79, 0, 0.08); --glow: rgba(255, 79, 0, 0.2); --space-2xs: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem); --space-xs: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --space-s: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --space-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-l: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --space-xl: clamp(6.4rem, calc(0.029629629629629624 * (100vw - 36rem) + 6.4rem), 9.6rem); --space-2xl: clamp(9.4rem, calc(0.046296296296296294 * (100vw - 36rem) + 9.4rem), 14.4rem); --heading-hero: clamp(4.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 4.5rem), 6rem); --heading-lead: clamp(4.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 4.5rem), 6rem); --heading-h1: clamp(3.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 3.2rem), 3.6rem); --heading-h2: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --heading-h3: clamp(2.5rem, calc(0.002777777777777776 * (100vw - 36rem) + 2.5rem), 2.8rem); --heading-h4: clamp(2.2rem, calc(0.002777777777777776 * (100vw - 36rem) + 2.2rem), 2.5rem); --heading-h5: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --heading-h6: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-2xs: clamp(0.9rem, calc(0.0018518518518518526 * (100vw - 36rem) + 0.9rem), 1.1rem); --text-xs: clamp(1.1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.1rem), 1.3rem); --text-s: clamp(1.3rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.3rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --text-xl: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --text-2xl: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --space-1: clamp(0.1rem, calc(0 * (100vw - 36rem) + 0.1rem), 0.1rem); --space-2: clamp(0.2rem, calc(0 * (100vw - 36rem) + 0.2rem), 0.2rem); --space-4: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --space-5: clamp(0.5rem, calc(0 * (100vw - 36rem) + 0.5rem), 0.5rem); --space-8: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --space-10: clamp(1rem, calc(0 * (100vw - 36rem) + 1rem), 1rem); --space-14: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --space-16: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --space-20: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space-24: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --space-26: clamp(2.6rem, calc(0 * (100vw - 36rem) + 2.6rem), 2.6rem); --space-28: clamp(2.8rem, calc(0 * (100vw - 36rem) + 2.8rem), 2.8rem); --radius-2: clamp(0.2rem, calc(0 * (100vw - 36rem) + 0.2rem), 0.2rem); --radius-4: clamp(0.4rem, calc(0 * (100vw - 36rem) + 0.4rem), 0.4rem); --radius-8: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --radius-10: clamp(1rem, calc(0 * (100vw - 36rem) + 1rem), 1rem); --radius-16: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --radius-24: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --radius-50: clamp(5rem, calc(0 * (100vw - 36rem) + 5rem), 5rem); --radius-full: clamp(999.9rem, calc(0 * (100vw - 36rem) + 999.9rem), 999.9rem);}.m-2xs { margin: var(--space-2xs); }.m-xs { margin: var(--space-xs); }.m-s { margin: var(--space-s); }.m-m { margin: var(--space-m); }.m-l { margin: var(--space-l); }.m-xl { margin: var(--space-xl); }.m-2xl { margin: var(--space-2xl); }.p-2xs { padding: var(--space-2xs); }.p-xs { padding: var(--space-xs); }.p-s { padding: var(--space-s); }.p-m { padding: var(--space-m); }.p-l { padding: var(--space-l); }.p-xl { padding: var(--space-xl); }.p-2xl { padding: var(--space-2xl); }.gap-2xs { gap: var(--space-2xs); }.gap-xs { gap: var(--space-xs); }.gap-s { gap: var(--space-s); }.gap-m { gap: var(--space-m); }.gap-l { gap: var(--space-l); }.gap-xl { gap: var(--space-xl); }.gap-2xl { gap: var(--space-2xl); }.h-hero { font-size: var(--heading-hero); }.h-lead { font-size: var(--heading-lead); }.h-h1 { font-size: var(--heading-h1); }.h-h2 { font-size: var(--heading-h2); }.h-h3 { font-size: var(--heading-h3); }.h-h4 { font-size: var(--heading-h4); }.h-h5 { font-size: var(--heading-h5); }.h-h6 { font-size: var(--heading-h6); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.p-1 { padding: var(--space-1); }.p-2 { padding: var(--space-2); }.p-4 { padding: var(--space-4); }.p-5 { padding: var(--space-5); }.p-8 { padding: var(--space-8); }.p-10 { padding: var(--space-10); }.p-14 { padding: var(--space-14); }.p-16 { padding: var(--space-16); }.p-20 { padding: var(--space-20); }.p-24 { padding: var(--space-24); }.p-26 { padding: var(--space-26); }.p-28 { padding: var(--space-28); }.p-t-1 { padding-top: var(--space-1); }.p-t-2 { padding-top: var(--space-2); }.p-t-4 { padding-top: var(--space-4); }.p-t-5 { padding-top: var(--space-5); }.p-t-8 { padding-top: var(--space-8); }.p-t-10 { padding-top: var(--space-10); }.p-t-14 { padding-top: var(--space-14); }.p-t-16 { padding-top: var(--space-16); }.p-t-20 { padding-top: var(--space-20); }.p-t-24 { padding-top: var(--space-24); }.p-t-26 { padding-top: var(--space-26); }.p-t-28 { padding-top: var(--space-28); }.p-b-1 { padding-bottom: var(--space-1); }.p-b-2 { padding-bottom: var(--space-2); }.p-b-4 { padding-bottom: var(--space-4); }.p-b-5 { padding-bottom: var(--space-5); }.p-b-8 { padding-bottom: var(--space-8); }.p-b-10 { padding-bottom: var(--space-10); }.p-b-14 { padding-bottom: var(--space-14); }.p-b-16 { padding-bottom: var(--space-16); }.p-b-20 { padding-bottom: var(--space-20); }.p-b-24 { padding-bottom: var(--space-24); }.p-b-26 { padding-bottom: var(--space-26); }.p-b-28 { padding-bottom: var(--space-28); }.p-l-1 { padding-left: var(--space-1); }.p-l-2 { padding-left: var(--space-2); }.p-l-4 { padding-left: var(--space-4); }.p-l-5 { padding-left: var(--space-5); }.p-l-8 { padding-left: var(--space-8); }.p-l-10 { padding-left: var(--space-10); }.p-l-14 { padding-left: var(--space-14); }.p-l-16 { padding-left: var(--space-16); }.p-l-20 { padding-left: var(--space-20); }.p-l-24 { padding-left: var(--space-24); }.p-l-26 { padding-left: var(--space-26); }.p-l-28 { padding-left: var(--space-28); }.p-r-1 { padding-right: var(--space-1); }.p-r-2 { padding-right: var(--space-2); }.p-r-4 { padding-right: var(--space-4); }.p-r-5 { padding-right: var(--space-5); }.p-r-8 { padding-right: var(--space-8); }.p-r-10 { padding-right: var(--space-10); }.p-r-14 { padding-right: var(--space-14); }.p-r-16 { padding-right: var(--space-16); }.p-r-20 { padding-right: var(--space-20); }.p-r-24 { padding-right: var(--space-24); }.p-r-26 { padding-right: var(--space-26); }.p-r-28 { padding-right: var(--space-28); }.m-1 { margin: var(--space-1); }.m-2 { margin: var(--space-2); }.m-4 { margin: var(--space-4); }.m-5 { margin: var(--space-5); }.m-8 { margin: var(--space-8); }.m-10 { margin: var(--space-10); }.m-14 { margin: var(--space-14); }.m-16 { margin: var(--space-16); }.m-20 { margin: var(--space-20); }.m-24 { margin: var(--space-24); }.m-26 { margin: var(--space-26); }.m-28 { margin: var(--space-28); }.m-t-1 { margin-top: var(--space-1); }.m-t-2 { margin-top: var(--space-2); }.m-t-4 { margin-top: var(--space-4); }.m-t-5 { margin-top: var(--space-5); }.m-t-8 { margin-top: var(--space-8); }.m-t-10 { margin-top: var(--space-10); }.m-t-14 { margin-top: var(--space-14); }.m-t-16 { margin-top: var(--space-16); }.m-t-20 { margin-top: var(--space-20); }.m-t-24 { margin-top: var(--space-24); }.m-t-26 { margin-top: var(--space-26); }.m-t-28 { margin-top: var(--space-28); }.m-b-1 { margin-bottom: var(--space-1); }.m-b-2 { margin-bottom: var(--space-2); }.m-b-4 { margin-bottom: var(--space-4); }.m-b-5 { margin-bottom: var(--space-5); }.m-b-8 { margin-bottom: var(--space-8); }.m-b-10 { margin-bottom: var(--space-10); }.m-b-14 { margin-bottom: var(--space-14); }.m-b-16 { margin-bottom: var(--space-16); }.m-b-20 { margin-bottom: var(--space-20); }.m-b-24 { margin-bottom: var(--space-24); }.m-b-26 { margin-bottom: var(--space-26); }.m-b-28 { margin-bottom: var(--space-28); }.m-l-1 { margin-left: var(--space-1); }.m-l-2 { margin-left: var(--space-2); }.m-l-4 { margin-left: var(--space-4); }.m-l-5 { margin-left: var(--space-5); }.m-l-8 { margin-left: var(--space-8); }.m-l-10 { margin-left: var(--space-10); }.m-l-14 { margin-left: var(--space-14); }.m-l-16 { margin-left: var(--space-16); }.m-l-20 { margin-left: var(--space-20); }.m-l-24 { margin-left: var(--space-24); }.m-l-26 { margin-left: var(--space-26); }.m-l-28 { margin-left: var(--space-28); }.m-r-1 { margin-right: var(--space-1); }.m-r-2 { margin-right: var(--space-2); }.m-r-4 { margin-right: var(--space-4); }.m-r-5 { margin-right: var(--space-5); }.m-r-8 { margin-right: var(--space-8); }.m-r-10 { margin-right: var(--space-10); }.m-r-14 { margin-right: var(--space-14); }.m-r-16 { margin-right: var(--space-16); }.m-r-20 { margin-right: var(--space-20); }.m-r-24 { margin-right: var(--space-24); }.m-r-26 { margin-right: var(--space-26); }.m-r-28 { margin-right: var(--space-28); }.gap-1 { gap: var(--space-1); }.gap-2 { gap: var(--space-2); }.gap-4 { gap: var(--space-4); }.gap-5 { gap: var(--space-5); }.gap-8 { gap: var(--space-8); }.gap-10 { gap: var(--space-10); }.gap-14 { gap: var(--space-14); }.gap-16 { gap: var(--space-16); }.gap-20 { gap: var(--space-20); }.gap-24 { gap: var(--space-24); }.gap-26 { gap: var(--space-26); }.gap-28 { gap: var(--space-28); }.gap-row-1 { row-gap: var(--space-1); }.gap-row-2 { row-gap: var(--space-2); }.gap-row-4 { row-gap: var(--space-4); }.gap-row-5 { row-gap: var(--space-5); }.gap-row-8 { row-gap: var(--space-8); }.gap-row-10 { row-gap: var(--space-10); }.gap-row-14 { row-gap: var(--space-14); }.gap-row-16 { row-gap: var(--space-16); }.gap-row-20 { row-gap: var(--space-20); }.gap-row-24 { row-gap: var(--space-24); }.gap-row-26 { row-gap: var(--space-26); }.gap-row-28 { row-gap: var(--space-28); }.gap-column-1 { column-gap: var(--space-1); }.gap-column-2 { column-gap: var(--space-2); }.gap-column-4 { column-gap: var(--space-4); }.gap-column-5 { column-gap: var(--space-5); }.gap-column-8 { column-gap: var(--space-8); }.gap-column-10 { column-gap: var(--space-10); }.gap-column-14 { column-gap: var(--space-14); }.gap-column-16 { column-gap: var(--space-16); }.gap-column-20 { column-gap: var(--space-20); }.gap-column-24 { column-gap: var(--space-24); }.gap-column-26 { column-gap: var(--space-26); }.gap-column-28 { column-gap: var(--space-28); }.rounded-2 { border-radius: var(--radius-2); }.rounded-4 { border-radius: var(--radius-4); }.rounded-8 { border-radius: var(--radius-8); }.rounded-10 { border-radius: var(--radius-10); }.rounded-16 { border-radius: var(--radius-16); }.rounded-24 { border-radius: var(--radius-24); }.rounded-50 { border-radius: var(--radius-50); }.rounded-full { border-radius: var(--radius-full); }