html{scroll-behavior:smooth}@layer components{.landing-page{--color-surface:#141218;--color-surface-dim:#141218;--color-on-surface:#e6e0e9;--color-on-surface-variant:#cbc4d2;--color-primary:#5856d6;--color-on-primary:#381e72;--color-accent:#5856d6;--bg-main:#0A0A0A;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.15);--glow-color:rgba(207,188,255,0.15);font-family:var(--font-inter),ui-sans-serif,system-ui,sans-serif;min-height:100vh;transition:background-color .5s ease,color .5s ease}.landing-page,.landing-page.light{background-color:var(--bg-main);color:var(--color-on-surface)}.landing-page.light{--color-surface:#fbfbfd;--color-surface-dim:#f5f5f7;--color-on-surface:#1d1d1f;--color-on-surface-variant:#6e6e73;--color-primary:#5856d6;--color-on-primary:#ffffff;--color-accent:#5856d6;--bg-main:#ffffff;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(0,0,0,0.1);--glow-color:rgba(103,80,164,0.1)}.landing-page .glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);transition:all .3s ease}.landing-page .violet-glow{background:radial-gradient(circle at center,var(--glow-color) 0,transparent 70%)}.landing-page .accent-gradient{background:var(--color-accent)}.text-on-primary{color:var(--color-white)}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-page .animate-float{animation:landing-float 6s ease-in-out infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.landing-page .animate-scroll{animation:scroll 40s linear infinite}.landing-page .marquee-container{-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.landing-page .paused{animation-play-state:paused}.landing-page ::-moz-selection{background-color:rgba(207,188,255,.3)}.landing-page ::selection{background-color:rgba(207,188,255,.3)}}