@custom-variant dark (&:is(.dark *));:root{--background: #ffffff;--foreground: #374151;--card: #fefefe;--card-foreground: #374151;--popover: #ffffff;--popover-foreground: #374151;--primary: #c0392b;--primary-foreground: #ffffff;--secondary: #d4a017;--secondary-foreground: #374151;--muted: #bdc3c7;--muted-foreground: #374151;--accent: #d4a017;--accent-foreground: #374151;--destructive: #e74c3c;--destructive-foreground: #ffffff;--border: #e0e0e0;--input: #ffffff;--ring: rgba(192, 57, 43, .5);--radius: .5rem;--sidebar: #fefefe;--sidebar-foreground: #374151;--sidebar-primary: #c0392b;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #d4a017;--sidebar-accent-foreground: #374151;--sidebar-border: #e0e0e0;--sidebar-ring: rgba(192, 57, 43, .5)}.dark{--background: #1f2937;--foreground: #f9fafb;--card: #374151;--card-foreground: #f9fafb;--popover: #1f2937;--popover-foreground: #f9fafb;--primary: #ef4444;--primary-foreground: #ffffff;--secondary: #fbbf24;--secondary-foreground: #1f2937;--muted: #6b7280;--muted-foreground: #d1d5db;--accent: #fbbf24;--accent-foreground: #1f2937;--destructive: #dc2626;--destructive-foreground: #ffffff;--border: #4b5563;--input: #374151;--ring: rgba(239, 68, 68, .5);--sidebar: #374151;--sidebar-foreground: #f9fafb;--sidebar-primary: #ef4444;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #fbbf24;--sidebar-accent-foreground: #1f2937;--sidebar-border: #4b5563;--sidebar-ring: rgba(239, 68, 68, .5)}@theme inline{ --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --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); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --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); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}@keyframes gentle-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-gentle-float{animation:gentle-float 4s ease-in-out infinite}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .8s ease-out forwards}html{scroll-behavior:smooth}.gradient-warm{background:linear-gradient(135deg,#c0392b,#d4a017)}.gradient-soft{background:linear-gradient(135deg,#c0392b1a,#d4a0171a)}.custom-scrollbar::-webkit-scrollbar{width:0px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:10px;border:none}body{font-family:Open Sans,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}