:root{--design-width: 1440;--skale-1: calc((1 / (var(--design-width) / 100)) * 1vw);--skale-2: calc((2 / (var(--design-width) / 100)) * 1vw);--skale-4: calc((4 / (var(--design-width) / 100)) * 1vw);--skale-6: calc((6 / (var(--design-width) / 100)) * 1vw);--skale-8: calc((8 / (var(--design-width) / 100)) * 1vw);--skale-10: calc((10 / (var(--design-width) / 100)) * 1vw);--skale-12: calc((12 / (var(--design-width) / 100)) * 1vw);--skale-14: calc((14 / (var(--design-width) / 100)) * 1vw);--skale-16: calc((16 / (var(--design-width) / 100)) * 1vw);--skale-18: calc((18 / (var(--design-width) / 100)) * 1vw);--skale-20: calc((20 / (var(--design-width) / 100)) * 1vw);--skale-24: calc((24 / (var(--design-width) / 100)) * 1vw);--skale-32: calc((32 / (var(--design-width) / 100)) * 1vw);--skale-40: calc((40 / (var(--design-width) / 100)) * 1vw);--skale-48: calc((48 / (var(--design-width) / 100)) * 1vw);--skale-56: calc((56 / (var(--design-width) / 100)) * 1vw);--skale-64: calc((64 / (var(--design-width) / 100)) * 1vw);--skale-80: calc((80 / (var(--design-width) / 100)) * 1vw);--skale-96: calc((96 / (var(--design-width) / 100)) * 1vw);--skale-120: calc((120 / (var(--design-width) / 100)) * 1vw);--skale-160: calc((160 / (var(--design-width) / 100)) * 1vw);--skale-200: calc((200 / (var(--design-width) / 100)) * 1vw);--skale-240: calc((240 / (var(--design-width) / 100)) * 1vw);--skale-320: calc((320 / (var(--design-width) / 100)) * 1vw);--skale-400: calc((400 / (var(--design-width) / 100)) * 1vw);--skale-720: calc((720 / (var(--design-width) / 100)) * 1vw);--skale-1440: calc((1440 / (var(--design-width) / 100)) * 1vw);--perspective-default: calc((1000 / (var(--design-width) / 100)) * 1vw);--perspective-close: calc((500 / (var(--design-width) / 100)) * 1vw);--perspective-far: calc((2000 / (var(--design-width) / 100)) * 1vw);--color-black: oklch(0% 0 0);--color-white: oklch(100% 0 0);--color-gray-100: oklch(95% 0 0);--color-gray-200: oklch(90% 0 0);--color-gray-300: oklch(80% 0 0);--color-gray-400: oklch(70% 0 0);--color-gray-500: oklch(50% 0 0);--color-gray-600: oklch(40% 0 0);--color-gray-700: oklch(30% 0 0);--color-gray-800: oklch(20% 0 0);--color-gray-900: oklch(10% 0 0);--color-brand-green: #00ff8d;--color-primary: oklch(70% .12 175);--color-primary-light: oklch(80% .1 175);--color-primary-dark: oklch(55% .14 175);--color-accent: oklch(65% .18 30);--color-accent-light: oklch(75% .15 30);--color-accent-dark: oklch(50% .2 30);--color-success: oklch(70% .15 145);--color-warning: oklch(75% .15 85);--color-error: oklch(60% .2 25);--color-info: oklch(65% .12 250);--color-bg: var(--color-white);--color-surface: var(--color-gray-100);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-600);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: var(--skale-4);--space-sm: var(--skale-8);--space-md: var(--skale-16);--space-lg: var(--skale-24);--space-xl: var(--skale-32);--space-2xl: var(--skale-48);--space-3xl: var(--skale-64);--space-4xl: var(--skale-96);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-sm: var(--skale-4);--radius-md: var(--skale-8);--radius-lg: var(--skale-16);--radius-xl: var(--skale-24);--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px oklch(0% 0 0 / .07), 0 2px 4px oklch(0% 0 0 / .06);--shadow-lg: 0 10px 15px oklch(0% 0 0 / .1), 0 4px 6px oklch(0% 0 0 / .05);--shadow-xl: 0 20px 25px oklch(0% 0 0 / .1), 0 8px 10px oklch(0% 0 0 / .04);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-below: -1;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}html{font-size:clamp(14px,1.11vw,20px);scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}