.candela-landing{--background: 221 39% 11%;--foreground: 210 40% 98%;--card: 221 39% 11%;--card-foreground: 210 40% 98%;--popover: 221 39% 11%;--popover-foreground: 210 40% 98%;--primary: 258 89% 66%;--primary-foreground: 221 39% 11%;--secondary: 217 32% 17%;--secondary-foreground: 210 40% 98%;--muted: 215 27% 17%;--muted-foreground: 215 20% 65%;--accent: 320 87% 68%;--accent-foreground: 221 39% 11%;--destructive: 0 84% 60%;--destructive-foreground: 210 40% 98%;--border: 215 27% 17%;--input: 215 27% 17%;--ring: 217 91% 60%;--radius: .75rem;--gradient-hero: linear-gradient(135deg, hsl(258 89% 66%), hsl(320 87% 68%));--gradient-section: linear-gradient( 180deg, hsl(221 39% 11%), hsl(215 27% 17%) );--gradient-card: linear-gradient(145deg, hsl(215 27% 17%), hsl(221 39% 11%));--shadow-glow: 0 0 40px hsl(320 87% 68% / .3);--shadow-card: 0 8px 32px hsl(221 39% 11% / .8);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);background-color:hsl(var(--background));color:hsl(var(--foreground))}.candela-landing #root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.candela-landing .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.candela-landing .logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.candela-landing .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){.candela-landing a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.candela-landing .card{background:var(--gradient-card);box-shadow:var(--shadow-card);border-radius:var(--radius);padding:2em}.candela-landing .read-the-docs{color:#888}.candela-landing .animate-scroll-infinite{animation:scroll-infinite 15s linear infinite}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translate(-33.333%)}}