@import"tailwindcss";@custom-variant dark (&:is(.dark *));@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-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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif; --font-display: "Sora", "IBM Plex Sans", ui-sans-serif, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, monospace; --color-brand: var(--brand); --color-brand-foreground: var(--brand-foreground); --color-cyanx: var(--cyanx); --color-emeraldx: var(--emeraldx); --color-navy: var(--navy); --color-slatex: var(--slatex); --animate-float: float 8s ease-in-out infinite; --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; --animate-caret-blink: caret-blink 1.25s ease-out infinite; }@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);translate:var(--tw-enter-translate-x, 0) var(--tw-enter-translate-y, 0);scale:var(--tw-enter-scale, 1);rotate:var(--tw-enter-rotate, 0)}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);translate:var(--tw-exit-translate-x, 0) var(--tw-exit-translate-y, 0);scale:var(--tw-exit-scale, 1);rotate:var(--tw-exit-rotate, 0)}}@utility animate-in{animation-name: enter; animation-duration: var(--tw-duration, .15s); animation-timing-function: var(--tw-ease, ease);}@utility animate-out{animation-name: exit; animation-duration: var(--tw-duration, .15s); animation-timing-function: var(--tw-ease, ease); animation-fill-mode: forwards;}@utility fade-in{ --tw-enter-opacity: 0; }@utility fade-in-*{ --tw-enter-opacity: calc(--value(number)*.01) ; }@utility fade-out{ --tw-exit-opacity: 0; }@utility fade-out-*{ --tw-exit-opacity: calc(--value(number)*.01) ; }@utility zoom-in-*{ --tw-enter-scale: calc(--value(number)*.01) ; }@utility zoom-out-*{ --tw-exit-scale: calc(--value(number)*.01) ; }@utility slide-in-from-top{ --tw-enter-translate-y: -100%; }@utility slide-in-from-top-*{ --tw-enter-translate-y: calc(-1*--spacing(--value(number))) ; --tw-enter-translate-y: calc(-100%*--value(ratio)) ; --tw-enter-translate-y: calc(-1*--value([percentage])) ; }@utility slide-in-from-bottom{ --tw-enter-translate-y: 100%; }@utility slide-in-from-bottom-*{ --tw-enter-translate-y: --spacing(--value(number)); --tw-enter-translate-y: calc(100%*--value(ratio)) ; --tw-enter-translate-y: --value([percentage]); }@utility slide-in-from-left{ --tw-enter-translate-x: -100%; }@utility slide-in-from-left-*{ --tw-enter-translate-x: calc(-1*--spacing(--value(number))) ; --tw-enter-translate-x: calc(-100%*--value(ratio)) ; --tw-enter-translate-x: calc(-1*--value([percentage])) ; }@utility slide-in-from-right{ --tw-enter-translate-x: 100%; }@utility slide-in-from-right-*{ --tw-enter-translate-x: --spacing(--value(number)); --tw-enter-translate-x: calc(100%*--value(ratio)) ; --tw-enter-translate-x: --value([percentage]); }@utility slide-out-to-top{ --tw-exit-translate-y: -100%; }@utility slide-out-to-top-*{ --tw-exit-translate-y: calc(-1*--spacing(--value(number))) ; --tw-exit-translate-y: calc(-100%*--value(ratio)) ; --tw-exit-translate-y: calc(-1*--value([percentage])) ; }@utility slide-out-to-bottom{ --tw-exit-translate-y: 100%; }@utility slide-out-to-bottom-*{ --tw-exit-translate-y: --spacing(--value(number)); --tw-exit-translate-y: calc(100%*--value(ratio)) ; --tw-exit-translate-y: --value([percentage]); }@utility slide-out-to-left{ --tw-exit-translate-x: -100%; }@utility slide-out-to-left-*{ --tw-exit-translate-x: calc(-1*--spacing(--value(number))) ; --tw-exit-translate-x: calc(-100%*--value(ratio)) ; --tw-exit-translate-x: calc(-1*--value([percentage])) ; }@utility slide-out-to-right{ --tw-exit-translate-x: 100%; }@utility slide-out-to-right-*{ --tw-exit-translate-x: --spacing(--value(number)); --tw-exit-translate-x: calc(100%*--value(ratio)) ; --tw-exit-translate-x: --value([percentage]); }:root{--radius: .5rem;--background: hsl(0 0% 100%);--foreground: hsl(222.2 84% 4.9%);--card: hsl(0 0% 100%);--card-foreground: hsl(222.2 84% 4.9%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(222.2 84% 4.9%);--primary: hsl(222.2 47.4% 11.2%);--primary-foreground: hsl(210 40% 98%);--secondary: hsl(210 40% 96.1%);--secondary-foreground: hsl(222.2 47.4% 11.2%);--muted: hsl(210 40% 96.1%);--muted-foreground: hsl(215.4 16.3% 46.9%);--accent: hsl(210 40% 96.1%);--accent-foreground: hsl(222.2 47.4% 11.2%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(210 40% 98%);--border: hsl(214.3 31.8% 91.4%);--input: hsl(214.3 31.8% 91.4%);--ring: hsl(222.2 84% 4.9%);--sidebar: hsl(0 0% 98%);--sidebar-foreground: hsl(240 5.3% 26.1%);--sidebar-primary: hsl(240 5.9% 10%);--sidebar-primary-foreground: hsl(0 0% 98%);--sidebar-accent: hsl(240 4.8% 95.9%);--sidebar-accent-foreground: hsl(240 5.9% 10%);--sidebar-border: hsl(220 13% 91%);--sidebar-ring: hsl(217.2 91.2% 59.8%)}.dark{--background: hsl(222.2 84% 4.9%);--foreground: hsl(210 40% 98%);--card: hsl(222.2 84% 4.9%);--card-foreground: hsl(210 40% 98%);--popover: hsl(222.2 84% 4.9%);--popover-foreground: hsl(210 40% 98%);--primary: hsl(210 40% 98%);--primary-foreground: hsl(222.2 47.4% 11.2%);--secondary: hsl(217.2 32.6% 17.5%);--secondary-foreground: hsl(210 40% 98%);--muted: hsl(217.2 32.6% 17.5%);--muted-foreground: hsl(215 20.2% 65.1%);--accent: hsl(217.2 32.6% 17.5%);--accent-foreground: hsl(210 40% 98%);--destructive: hsl(0 62.8% 30.6%);--destructive-foreground: hsl(210 40% 98%);--border: hsl(217.2 32.6% 17.5%);--input: hsl(217.2 32.6% 17.5%);--ring: hsl(212.7 26.8% 83.9%);--sidebar: hsl(240 5.9% 10%);--sidebar-foreground: hsl(240 4.8% 95.9%);--sidebar-primary: hsl(224.3 76.3% 48%);--sidebar-primary-foreground: hsl(0 0% 100%);--sidebar-accent: hsl(240 3.7% 15.9%);--sidebar-accent-foreground: hsl(240 4.8% 95.9%);--sidebar-border: hsl(240 3.7% 15.9%);--sidebar-ring: hsl(217.2 91.2% 59.8%)}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}button:not(:disabled),[role=button]:not(:disabled):not([aria-disabled=true]),summary,select:not(:disabled),input:not(:disabled):is([type=checkbox],[type=radio],[type=submit],[type=button],[type=reset]){cursor:pointer}button:disabled,select:disabled,[role=button][aria-disabled=true],input:disabled:is([type=checkbox],[type=radio],[type=submit],[type=button],[type=reset]){cursor:not-allowed}}:root{--radius: .75rem;--background: hsl(210 40% 99%);--foreground: hsl(215 45% 12%);--card: hsl(0 0% 100%);--card-foreground: hsl(215 45% 12%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(215 45% 12%);--primary: hsl(215 72% 22%);--primary-foreground: hsl(210 40% 99%);--secondary: hsl(212 40% 95%);--secondary-foreground: hsl(215 60% 20%);--muted: hsl(212 38% 95%);--muted-foreground: hsl(215 18% 42%);--accent: hsl(206 100% 95%);--accent-foreground: hsl(215 72% 22%);--border: hsl(213 30% 89%);--input: hsl(213 30% 89%);--ring: hsl(210 100% 52%);--brand: hsl(210 100% 52%);--brand-foreground: hsl(0 0% 100%);--cyanx: hsl(188 94% 46%);--emeraldx: hsl(158 74% 40%);--navy: hsl(216 62% 12%);--slatex: hsl(215 18% 42%)}.dark{--background: hsl(216 60% 7%);--foreground: hsl(210 40% 97%);--card: hsl(216 48% 11%);--card-foreground: hsl(210 40% 97%);--popover: hsl(216 48% 11%);--popover-foreground: hsl(210 40% 97%);--primary: hsl(210 100% 60%);--primary-foreground: hsl(216 62% 9%);--secondary: hsl(216 40% 16%);--secondary-foreground: hsl(210 40% 97%);--muted: hsl(216 38% 16%);--muted-foreground: hsl(213 20% 68%);--accent: hsl(216 44% 18%);--accent-foreground: hsl(210 40% 97%);--border: hsl(216 34% 20%);--input: hsl(216 34% 20%);--ring: hsl(188 94% 46%);--brand: hsl(206 100% 58%);--brand-foreground: hsl(216 62% 9%);--cyanx: hsl(188 94% 55%);--emeraldx: hsl(158 64% 50%);--navy: hsl(216 62% 6%);--slatex: hsl(213 20% 68%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@utility glass{background: color-mix(in oklab,var(--card) 65%,transparent); backdrop-filter: blur(14px) saturate(140%); border: 1px solid color-mix(in oklab,var(--border) 80%,transparent);}@utility text-gradient{background-image: linear-gradient(100deg,var(--brand),var(--cyanx) 55%,var(--emeraldx)); -webkit-background-clip: text; background-clip: text; color: transparent;}@utility grid-bg{background-image: linear-gradient(color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px); background-size: 56px 56px;}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}html{scroll-behavior:smooth}
