@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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --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{--primary: hsl(265 78% 55%);--primary-foreground: hsl(0 0% 100%);--foreground: hsl(230 24% 10%);--ring: hsl(265 78% 55%);--secondary: hsl(240 20% 96%);--secondary-foreground: hsl(230 24% 12%);--accent: hsl(215 95% 96%);--accent-foreground: hsl(215 95% 30%);--muted-foreground: hsl(230 10% 42%)}.dark{--background: hsl(230 24% 7%);--foreground: hsl(240 20% 97%);--card: hsl(230 22% 10%);--card-foreground: hsl(240 20% 97%);--popover: hsl(230 22% 10%);--popover-foreground: hsl(240 20% 97%);--primary: hsl(265 84% 68%);--primary-foreground: hsl(230 24% 8%);--secondary: hsl(230 18% 16%);--secondary-foreground: hsl(240 20% 97%);--muted: hsl(230 18% 16%);--muted-foreground: hsl(230 12% 68%);--accent: hsl(230 18% 18%);--accent-foreground: hsl(240 20% 97%);--border: hsl(230 16% 20%);--input: hsl(230 16% 20%);--ring: hsl(265 84% 68%)}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:-.02em}@utility glass{background: color-mix(in oklab,var(--card) 62%,transparent); backdrop-filter: blur(16px) saturate(160%); border: 1px solid color-mix(in oklab,var(--border) 80%,transparent);}@utility text-gradient-brand{background-image: linear-gradient(100deg,var(--brand-purple),var(--brand-blue) 45%,var(--brand-coral) 85%); background-clip: text; color: transparent;}@keyframes abit-float{0%,to{translate:0 0}50%{translate:0 -14px}}@keyframes abit-drift{0%{rotate:0deg;scale:1}50%{rotate:8deg;scale:1.06}to{rotate:0deg;scale:1}}@keyframes abit-rise{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@utility animate-float{animation: abit-float 7s ease-in-out infinite;}@utility animate-drift{animation: abit-drift 18s ease-in-out infinite;}@utility animate-rise{animation: abit-rise .7s cubic-bezier(.22,1,.36,1) both;}@media (prefers-reduced-motion: reduce){.animate-float,.animate-drift,.animate-rise{animation:none!important}}:root{--brand-purple: hsl(265 78% 55%);--brand-blue: hsl(215 95% 56%);--brand-coral: hsl(9 92% 66%);--brand-gold: hsl(41 84% 58%);--font-display: "Sora", ui-sans-serif, system-ui, sans-serif}@theme inline{ --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif; --color-brand-purple: var(--brand-purple); --color-brand-blue: var(--brand-blue); --color-brand-coral: var(--brand-coral); --color-brand-gold: var(--brand-gold); }
