:root{--background: oklch(.9689 .009 314.7819);--foreground: oklch(.3729 .0306 259.7328);--card: oklch(1 0 0);--card-foreground: oklch(.3729 .0306 259.7328);--popover: oklch(1 0 0);--popover-foreground: oklch(.3729 .0306 259.7328);--primary: oklch(.709 .1592 293.5412);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9073 .053 306.0902);--secondary-foreground: oklch(.4461 .0263 256.8018);--muted: oklch(.9464 .0327 307.1745);--muted-foreground: oklch(.551 .0234 264.3637);--accent: oklch(.9376 .026 321.9388);--accent-foreground: oklch(.3729 .0306 259.7328);--destructive: oklch(.8077 .1035 19.5706);--destructive-foreground: oklch(1 0 0);--border: oklch(.9073 .053 306.0902);--input: oklch(.9073 .053 306.0902);--ring: oklch(.709 .1592 293.5412);--chart-1: oklch(.709 .1592 293.5412);--chart-2: oklch(.6056 .2189 292.7172);--chart-3: oklch(.5413 .2466 293.009);--chart-4: oklch(.4907 .2412 292.5809);--chart-5: oklch(.432 .2106 292.7591);--sidebar: oklch(.9073 .053 306.0902);--sidebar-foreground: oklch(.3729 .0306 259.7328);--sidebar-primary: oklch(.709 .1592 293.5412);--sidebar-primary-foreground: oklch(1 0 0);--sidebar-accent: oklch(.9376 .026 321.9388);--sidebar-accent-foreground: oklch(.3729 .0306 259.7328);--sidebar-border: oklch(.9073 .053 306.0902);--sidebar-ring: oklch(.709 .1592 293.5412);--font-sans: Open Sans, sans-serif;--font-serif: Source Serif 4, serif;--font-mono: IBM Plex Mono, monospace;--radius: 1.5rem;--shadow-x: 0px;--shadow-y: 8px;--shadow-blur: 16px;--shadow-spread: -4px;--shadow-opacity: .08;--shadow-color: hsl(0 0% 0%);--shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / .04);--shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / .04);--shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 1px 2px -5px hsl(0 0% 0% / .08);--shadow: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 1px 2px -5px hsl(0 0% 0% / .08);--shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 2px 4px -5px hsl(0 0% 0% / .08);--shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 4px 6px -5px hsl(0 0% 0% / .08);--shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 8px 10px -5px hsl(0 0% 0% / .08);--shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / .2);--tracking-normal: 0em;--spacing: .25rem}.dark{--background: oklch(.2161 .0061 56.0434);--foreground: oklch(.9299 .0334 272.7879);--card: oklch(.2805 .0309 307.2326);--card-foreground: oklch(.9299 .0334 272.7879);--popover: oklch(.2805 .0309 307.2326);--popover-foreground: oklch(.9299 .0334 272.7879);--primary: oklch(.7874 .1179 295.7538);--primary-foreground: oklch(.2161 .0061 56.0434);--secondary: oklch(.3416 .0444 308.8496);--secondary-foreground: oklch(.8717 .0093 258.3382);--muted: oklch(.2283 .0375 302.9006);--muted-foreground: oklch(.7137 .0192 261.3246);--accent: oklch(.3858 .0509 304.6383);--accent-foreground: oklch(.8717 .0093 258.3382);--destructive: oklch(.8077 .1035 19.5706);--destructive-foreground: oklch(.2161 .0061 56.0434);--border: oklch(.3416 .0444 308.8496);--input: oklch(.3416 .0444 308.8496);--ring: oklch(.7874 .1179 295.7538);--chart-1: oklch(.7874 .1179 295.7538);--chart-2: oklch(.709 .1592 293.5412);--chart-3: oklch(.6056 .2189 292.7172);--chart-4: oklch(.5413 .2466 293.009);--chart-5: oklch(.4907 .2412 292.5809);--sidebar: oklch(.3416 .0444 308.8496);--sidebar-foreground: oklch(.9299 .0334 272.7879);--sidebar-primary: oklch(.7874 .1179 295.7538);--sidebar-primary-foreground: oklch(.2161 .0061 56.0434);--sidebar-accent: oklch(.3858 .0509 304.6383);--sidebar-accent-foreground: oklch(.8717 .0093 258.3382);--sidebar-border: oklch(.3416 .0444 308.8496);--sidebar-ring: oklch(.7874 .1179 295.7538);--font-sans: Open Sans, sans-serif;--font-serif: Source Serif 4, serif;--font-mono: IBM Plex Mono, monospace;--radius: 1.5rem;--shadow-x: 0px;--shadow-y: 8px;--shadow-blur: 16px;--shadow-spread: -4px;--shadow-opacity: .08;--shadow-color: hsl(0 0% 0%);--shadow-2xs: 0px 8px 16px -4px hsl(0 0% 0% / .04);--shadow-xs: 0px 8px 16px -4px hsl(0 0% 0% / .04);--shadow-sm: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 1px 2px -5px hsl(0 0% 0% / .08);--shadow: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 1px 2px -5px hsl(0 0% 0% / .08);--shadow-md: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 2px 4px -5px hsl(0 0% 0% / .08);--shadow-lg: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 4px 6px -5px hsl(0 0% 0% / .08);--shadow-xl: 0px 8px 16px -4px hsl(0 0% 0% / .08), 0px 8px 10px -5px hsl(0 0% 0% / .08);--shadow-2xl: 0px 8px 16px -4px hsl(0 0% 0% / .2)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans)}.bg-primary{background-color:var(--primary)}.text-primary{color:var(--primary)}.bg-primary-foreground{background-color:var(--primary-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.bg-secondary{background-color:var(--secondary)}.text-secondary{color:var(--secondary)}.bg-secondary-foreground{background-color:var(--secondary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.bg-accent{background-color:var(--accent)}.text-accent{color:var(--accent)}.bg-accent-foreground{background-color:var(--accent-foreground)}.text-accent-foreground{color:var(--accent-foreground)}.bg-muted{background-color:var(--muted)}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.bg-card{background-color:var(--card)}.text-card-foreground{color:var(--card-foreground)}.border-border{border-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:text-primary:hover{color:var(--primary)}.hover\:bg-accent:hover{background-color:var(--accent)}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-lg);padding:1rem 2rem;font-weight:600;transition:all .3s ease}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.05)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius-lg);padding:1rem 2rem;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background-color:var(--muted)}