.landing-root{--radius:1rem;--background:oklch(100% 0 0);--foreground:oklch(24% .018 262);--surface:oklch(97.3% .004 262);--surface-2:oklch(94% .007 262);--card:oklch(100% 0 0);--card-foreground:oklch(24% .018 262);--primary:oklch(52% .19 258);--primary-foreground:oklch(99% 0 0);--primary-soft:oklch(45% .18 258);--secondary:oklch(94% .007 262);--secondary-foreground:oklch(28% .02 262);--muted:oklch(94% .006 262);--muted-foreground:oklch(47% .016 262);--accent:oklch(66% .115 216);--accent-foreground:oklch(99% 0 0);--gold:oklch(66% .115 216);--gold-foreground:oklch(43% .105 216);--success:oklch(50% .14 152);--border:oklch(90% .006 262);--input:oklch(88% .008 262);--ring:oklch(52% .19 258);--gradient-hero:radial-gradient(110% 80% at 50% -20%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 62%), radial-gradient(70% 55% at 92% 4%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 60%);--gradient-primary:linear-gradient(135deg, var(--primary), color-mix(in oklab, var(--accent) 45%, var(--primary)));--gradient-gold:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--primary) 40%, var(--accent)));--shadow-glow:0 20px 50px -24px color-mix(in oklab, var(--primary) 45%, transparent);--shadow-card:0 18px 44px -28px oklch(24% .02 262/.22);--shadow-mascot:0 24px 45px oklch(24% .03 262/.24);--font-display:"Sora", "Outfit", ui-sans-serif, system-ui, sans-serif;--font-sans:"Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);overflow-x:hidden}.landing-root.dark{--background:oklch(19% .032 262);--foreground:oklch(97% .005 262);--surface:oklch(23.5% .028 262);--surface-2:oklch(28.5% .026 262);--card:oklch(23.5% .028 262);--card-foreground:oklch(97% .005 262);--primary-soft:oklch(73% .13 256);--secondary:oklch(28.5% .026 262);--secondary-foreground:oklch(97% .005 262);--muted:oklch(30% .024 262);--muted-foreground:oklch(74% .014 262);--accent:oklch(75% .115 216);--accent-foreground:oklch(19% .032 262);--gold:oklch(75% .115 216);--gold-foreground:oklch(82% .105 216);--success:oklch(76% .15 154);--border:oklch(100% 0 0/.12);--input:oklch(100% 0 0/.16);--ring:oklch(66% .16 258);--gradient-hero:radial-gradient(115% 85% at 50% -15%, color-mix(in oklab, var(--primary) 30%, transparent), transparent 64%), radial-gradient(70% 55% at 92% 6%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 60%);--shadow-glow:0 22px 60px -22px color-mix(in oklab, var(--primary) 60%, transparent);--shadow-card:0 24px 60px -30px oklch(10% .03 262/.85);--shadow-mascot:0 24px 45px oklch(10% .06 268/.6)}.landing-root h1,.landing-root h2,.landing-root h3,.landing-root h4,.landing-root .font-display{font-family:var(--font-display)}.landing-root .bg-hero-glow{background-image:var(--gradient-hero)}.landing-root .bg-gradient-primary{background-image:var(--gradient-primary)}.landing-root .bg-gradient-gold{background-image:var(--gradient-gold)}.landing-root .text-gradient{background-image:linear-gradient(100deg, var(--primary) 5%, color-mix(in oklab, var(--accent) 70%, var(--primary)));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-root .shadow-glow{box-shadow:var(--shadow-glow)}.landing-root .shadow-card{box-shadow:var(--shadow-card)}.landing-root .shadow-mascot{filter:drop-shadow(var(--shadow-mascot))}.landing-root .grid-lines{background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.landing-root .scene-3d{perspective:1400px;transform-style:preserve-3d}.landing-root .tilt-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:rotateX(6deg)rotateY(-7deg)}.landing-root .tilt-3d:hover{transform:rotateX(2deg)rotateY(-2deg)translateZ(10px)}.landing-root .reveal,.landing-root .reveal-in{opacity:1;transform:none}.landing-root .animate-float{animation:7s ease-in-out infinite landing-float}.landing-root .animate-float-slow{animation:10s ease-in-out infinite landing-float}.landing-root .animate-spin-slow{animation:30s linear infinite landing-spin}.landing-root .animate-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both landing-pop}.landing-root .h-13{height:3.25rem}.landing-root .bg-surface-2\/75{background-color:color-mix(in oklab, var(--surface-2) 75%, transparent)}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes landing-spin{to{transform:rotate(360deg)}}@keyframes landing-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.landing-root *,.landing-root :before,.landing-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
