:root{--creova-primary:   #7a3cff;--creova-secondary: #39e1ff;--creova-accent:    #b44cff;--background-chat: 0 0% 100%;--h: 266;--c1: hsl(var(--h) 85% 55%);--c2: hsl(var(--h) 90% 45%);--c3: hsl(var(--h) 70% 60%);--card: 0 0% 100%;--card-foreground: 206 68% 17%}.gradient-bg{background-image:linear-gradient(135deg, var(--c1), var(--c2), var(--c3));background-size:300% 300%}@keyframes creova-gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.gradient-animate{animation:creova-gradient-shift 8s ease infinite}@property --h{syntax:'<number>';inherits:true;initial-value:260}.hue-gradient{--c1: hsl(var(--h) 85% 55%);--c2: hsl(calc(var(--h) + 20) 85% 55%);--c3: hsl(calc(var(--h) + 40) 85% 55%);background-image:linear-gradient(135deg, var(--c1), var(--c2), var(--c3));background-size:300% 300%;animation:hue-shift 8s linear infinite, creova-gradient-shift 12s ease infinite}@keyframes hue-shift{0%{--h: 260}50%{--h: 320}100%{--h: 260}}.border-header{border-radius:8px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-marquee{animation:marquee 32s linear infinite}.group:hover .animate-marquee{animation-play-state:paused}@media (min-width: 1024px){.animate-marquee{animation-duration:38s}}@keyframes ugc-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}.animate-ugc-marquee{animation:ugc-marquee 14s linear infinite}@media (min-width: 1024px){.animate-ugc-marquee{animation-duration:18s}}@media (prefers-reduced-motion: reduce){.animate-ugc-marquee{animation:none}}#creova-logo-wrap.use-white #creova-logo-white{opacity:1}#creova-logo-wrap.use-white #creova-logo-dark{opacity:0}