.theme-hub{--background:#fcfbff;--foreground:#292040;--card:#fff;--card-foreground:#292040;--popover:#fff;--popover-foreground:#292040;--primary:var(--brand-primary-pink-oklch);--primary-foreground:#fcfbff;--secondary:#efebff;--secondary-foreground:var(--brand-primary-purple-deep-oklch);--muted:#f4f1ff;--muted-foreground:#6b6288;--accent:var(--brand-secondary-yellow-oklch);--accent-foreground:#292040;--border:#e2def4;--input:#e2def4;--ring:var(--brand-primary-pink-oklch);--radius:1.1rem;--hub-purple:var(--brand-primary-purple-oklch);--hub-purple-deep:var(--brand-primary-purple-deep-oklch);--hub-magenta:var(--brand-primary-pink-oklch);--hub-yellow:var(--brand-secondary-yellow-oklch);--hub-blue:var(--brand-secondary-blue-oklch);--hub-lavender:var(--brand-secondary-lavender-oklch)}@supports (color:lab(0% 0 0)){.theme-hub{--background:lab(98.7077% 2.09317 -3.91799);--foreground:lab(14.4994% 11.3181 -19.5522);--card:lab(100% 0 0);--card-foreground:lab(14.4994% 11.3181 -19.5522);--popover:lab(100% 0 0);--popover-foreground:lab(14.4994% 11.3181 -19.5522);--primary-foreground:lab(98.73% 1.74117 -3.26734);--secondary:lab(93.8831% 4.57031 -10.1866);--muted:lab(95.7532% 2.6992 -6.1397);--muted-foreground:lab(43.6088% 10.0828 -19.9077);--accent-foreground:lab(14.4994% 11.3181 -19.5522);--border:lab(89.2425% 4.57802 -10.1819);--input:lab(89.2425% 4.57802 -10.1819)}}html{scroll-behavior:smooth}.theme-hub :where(#themes,#how,#trust){scroll-margin-top:5.5rem}.theme-hub{background-color:var(--background);background-image:radial-gradient(60rem 40rem at 85% -10%, color-mix(in oklch, var(--hub-lavender) 70%, transparent), transparent 60%), radial-gradient(50rem 36rem at -10% 8%, color-mix(in oklch, var(--hub-purple) 16%, transparent), transparent 55%), radial-gradient(40rem 30rem at 50% 110%, color-mix(in oklch, var(--hub-yellow) 14%, transparent), transparent 60%);position:relative}.hub-sparkle{background:conic-gradient(from 0deg, transparent 0 18%, var(--hub-yellow) 25%, transparent 32% 68%, var(--hub-yellow) 75%, transparent 82%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}@keyframes hub-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hub-float{animation:6s ease-in-out infinite hub-float}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hub-float{animation:none}}