html:has(.skoolix-marketing-landing){scroll-behavior:smooth}.skoolix-marketing-landing{--skoolix-cyan:#00d4e8;--skoolix-blue:#2563ff;--skoolix-violet:#7c3aed;--primary:#2563ff;--primary-foreground:#fff;--ring:#2563ff;--accent:color-mix(in oklab, var(--skoolix-cyan) 16%, white);--accent-foreground:#0b1b3a;--background:color-mix(in oklab, var(--skoolix-cyan) 4%, white);--muted:color-mix(in oklab, var(--skoolix-blue) 6%, white);--border:color-mix(in oklab, var(--skoolix-blue) 10%, #e4e4e4);isolation:isolate;background-color:var(--background);position:relative}@supports (color:lab(0% 0 0)){.skoolix-marketing-landing{--border:color-mix(in oklab, var(--skoolix-blue) 10%, lab(90.72% .0000298023 -.0000119209))}}.dark .skoolix-marketing-landing{--primary:#4d8bff;--primary-foreground:#041028;--ring:#00d4e8;--accent:color-mix(in oklab, var(--skoolix-blue) 28%, black);--accent-foreground:#f4f7ff;--background:color-mix(in oklab, var(--skoolix-blue) 10%, #070b16);--muted:color-mix(in oklab, var(--skoolix-violet) 14%, #101525);--border:color-mix(in oklab, var(--skoolix-cyan) 16%, #242424)}@supports (color:lab(0% 0 0)){.dark .skoolix-marketing-landing{--border:color-mix(in oklab, var(--skoolix-cyan) 16%, lab(14.16% 0 0))}}.skoolix-marketing-landing .skoolix-text-gradient{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(100deg,#0369a1 0%,#1d4ed8 46%,#5b21b6 100%);background-size:160% 100%;-webkit-background-clip:text;background-clip:text}.dark .skoolix-marketing-landing .skoolix-text-gradient{background-image:linear-gradient(100deg,#67e8f9 0%,#93c5fd 46%,#d8b4fe 100%)}.skoolix-marketing-landing .skoolix-hero-glow{box-shadow:0 24px 80px -28px #2563ff6b, 0 0 0 1px color-mix(in oklab, var(--skoolix-cyan) 22%, transparent)}.skoolix-marketing-landing .skoolix-hero-wash{isolation:isolate;position:relative}.skoolix-marketing-landing .skoolix-hero-wash:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(-45deg, color-mix(in oklab, var(--skoolix-cyan) 16%, white), color-mix(in oklab, var(--skoolix-blue) 12%, white), color-mix(in oklab, var(--skoolix-violet) 10%, white), #fff);background-size:400% 400%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.dark .skoolix-marketing-landing .skoolix-hero-wash:before{background-image:linear-gradient(-45deg, color-mix(in oklab, var(--skoolix-cyan) 18%, #070b16), color-mix(in oklab, var(--skoolix-blue) 16%, #070b16), color-mix(in oklab, var(--skoolix-violet) 14%, #070b16), #070b16)}@keyframes skoolix-hero-wash{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(-144rem)}}.skoolix-marketing-landing .animate-logo-scroll{animation:30s linear infinite logo-scroll}.skoolix-marketing-landing .animate-logo-scroll:hover,.skoolix-marketing-landing .group-hover\:paused{animation-play-state:paused}@keyframes shimmer-slide{to{transform:translate(calc(100cqw - 100%))}}@keyframes spin-around{0%{transform:translateZ(0)rotate(0)}15%,35%{transform:translateZ(0)rotate(90deg)}65%,85%{transform:translateZ(0)rotate(270deg)}to{transform:translateZ(0)rotate(360deg)}}.skoolix-marketing-landing .animate-shimmer-slide{animation:shimmer-slide var(--speed,3s) ease-in-out infinite alternate}.skoolix-marketing-landing .animate-spin-around{animation:spin-around calc(var(--speed,3s) * 2) infinite linear}@keyframes marquee{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--gap,2rem)))}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - var(--gap,2rem)))}}.skoolix-marketing-landing .animate-marquee{animation:marquee var(--duration,40s) infinite linear}.skoolix-marketing-landing .animate-marquee-vertical{animation:marquee-vertical var(--duration,40s) linear infinite}.skoolix-marketing-landing .direction-\[reverse\]{animation-direction:reverse}@keyframes skoolix-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:no-preference){.skoolix-marketing-landing .skoolix-text-gradient{animation:12s ease-in-out infinite skoolix-gradient-shift}.skoolix-marketing-landing .skoolix-hero-wash:before{animation:9s infinite skoolix-hero-wash}}@media (prefers-reduced-motion:reduce){.skoolix-marketing-landing .skoolix-text-gradient,.skoolix-marketing-landing .skoolix-hero-wash:before,.skoolix-marketing-landing .animate-logo-scroll,.skoolix-marketing-landing .animate-marquee,.skoolix-marketing-landing .animate-marquee-vertical,.skoolix-marketing-landing .animate-shimmer-slide,.skoolix-marketing-landing .animate-spin-around{animation:none}}