.landing{--background: oklch(.985 .004 200);--foreground: oklch(.28 .03 250);--card: oklch(.995 .002 200);--card-foreground: oklch(.28 .03 250);--muted-foreground: oklch(.48 .02 250);--secondary: oklch(.96 .01 200);--border: oklch(.9 .015 240);--accent: oklch(.96 .01 200);--accent-foreground: oklch(.28 .03 250);--destructive: hsl(0 84.2% 60.2%);--primary: oklch(.55 .13 162);--primary-foreground: oklch(.99 0 0);--primary-hover: oklch(.48 .12 162);--accent-emerald: oklch(.62 .15 162);--primary-glow: oklch(.58 .12 210);--gradient-hero: linear-gradient( 135deg, oklch(.55 .13 162) 0%, oklch(.55 .12 210) 100% );--ring: oklch(.55 .1 162);background-color:var(--background);color:var(--foreground)}.landing .gradient-hero-bg{background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--accent-emerald) 12%,transparent) 0%,color-mix(in oklab,var(--primary-glow) 8%,transparent) 45%,transparent 75%)}.landing .grid-pattern{background-size:32px 32px;background-image:linear-gradient(to right,oklch(.9 .015 240 / .55) 1px,transparent 1px),linear-gradient(to bottom,oklch(.9 .015 240 / .55) 1px,transparent 1px)}.landing .text-accent-emerald{color:var(--accent-emerald)}.landing .bg-accent-emerald{background-color:var(--accent-emerald)}.landing .text-display-lg{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.03em}.landing .text-body-lg{font-size:1.125rem;line-height:1.6}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pulse-dot{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.8);opacity:0}}@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landing-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes landing-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes landing-tilt{0%,to{transform:perspective(800px) rotateY(-2deg) rotateX(1deg)}50%{transform:perspective(800px) rotateY(2deg) rotateX(-1deg)}}@keyframes landing-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-15px,10px) scale(.95)}}.landing .hero-rise{animation:landing-rise .7s ease-out both}.landing .hero-pulse-dot{animation:landing-pulse-dot 2s ease-in-out infinite}.landing .hero-marquee{animation:landing-marquee 35s linear infinite}.landing .hero-bar{transform-origin:bottom;animation:landing-bar-grow .8s ease-out both}.landing .hero-tilt{animation:landing-tilt 8s ease-in-out infinite}.landing .hero-blob{animation:landing-blob 12s ease-in-out infinite}.landing .hero-blob-slow{animation:landing-blob 18s ease-in-out infinite reverse}.landing .hero-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,oklch(1 0 0 / .06) 50%,transparent 60%);background-size:200% 100%;animation:landing-shimmer 4s ease-in-out infinite;pointer-events:none}.landing .hero-gradient-text{background-image:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.landing .auth-brand-panel{position:relative;overflow:hidden;color:#f8f8f8}.landing .auth-brand-panel:before{content:"";position:absolute;inset:0;background:var(--gradient-hero);opacity:.94}.landing .auth-brand-panel:after{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(to right,oklch(1 0 0 / .2) 1px,transparent 1px),linear-gradient(to bottom,oklch(1 0 0 / .2) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 70% at 30% 40%,black,transparent)}.landing .auth-form-panel{background-color:var(--background)}.landing .auth-form-card{border-radius:1rem;border:1px solid color-mix(in oklab,var(--border) 80%,transparent);background-color:color-mix(in oklab,var(--card) 90%,transparent);box-shadow:var(--shadow-card)}.landing .mp-fill{width:var(--mp-w, 50%)}.landing .mp-stack{transform:rotate(var(--mp-rot, 0deg))}@media(prefers-reduced-motion:reduce){.landing .hero-rise,.landing .hero-marquee,.landing .hero-bar,.landing .hero-tilt,.landing .hero-blob,.landing .hero-blob-slow,.landing .hero-shimmer:after{animation:none}}
