@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");.gradient-surface{--marketing-background:200 38% 4%;--marketing-nav:200 32% 10%;--marketing-foreground:180 20% 97%;--marketing-card:200 34% 8%;--marketing-border:195 28% 14%;--marketing-primary:172 72% 48%;--marketing-accent:172 80% 55%;--marketing-accent-warm:38 92% 58%;--marketing-accent-secondary:158 55% 42%;--marketing-muted-foreground:190 15% 62%;--marketing-radius:0.75rem;background-color:hsl(var(--marketing-background));color:hsl(var(--marketing-foreground));font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;min-height:100vh}.gradient-surface h1,.gradient-surface h2,.gradient-surface h3,.gradient-surface h4{letter-spacing:-.03em}.gradient-surface .font-mono{font-family:Space Mono,Menlo,monospace}.gradient-surface section[id]{scroll-margin-top:6rem}.marketing-nav{background:hsl(var(--marketing-nav)/.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--marketing-primary)/.18);box-shadow:0 1px 0 rgb(255 255 255/.05),0 12px 40px rgb(0 0 0/.45)}.marketing-nav-accent{height:2px;background:linear-gradient(to right,hsl(var(--marketing-primary)/.6),hsl(var(--marketing-accent-secondary)/.55),hsl(var(--marketing-accent-warm)/.45))}.marketing-main{position:relative;flex:1;background:linear-gradient(to bottom,hsl(var(--marketing-background)/.35) 0,hsl(var(--marketing-background)/.85) 12rem)}.gradient-mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-mesh:after,.gradient-mesh:before{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:marketing-float 20s ease-in-out infinite alternate}.gradient-mesh:before{width:55vw;height:55vw;top:-15%;left:-10%;background:radial-gradient(circle,hsl(var(--marketing-primary)/.45),transparent 70%)}.gradient-mesh:after{width:50vw;height:50vw;bottom:-20%;right:-15%;background:radial-gradient(circle,hsl(var(--marketing-accent-warm)/.35),transparent 70%);animation-delay:-8s}.gradient-blob{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(120px);opacity:.25;animation:marketing-float 20s ease-in-out infinite alternate}.gradient-blob:first-child{top:30%;right:10%;background:radial-gradient(circle,hsl(var(--marketing-accent-secondary)/.38),transparent 70%);animation-delay:-4s}.gradient-blob:nth-child(2){bottom:10%;left:20%;background:radial-gradient(circle,hsl(var(--marketing-accent)/.32),transparent 70%);animation-delay:-12s}@keyframes marketing-float{0%{transform:translate(0) scale(1)}to{transform:translate(3%,-4%) scale(1.08)}}.glass-panel{background:hsl(var(--marketing-card)/.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgb(255 255 255/.1);box-shadow:0 8px 32px rgb(0 0 0/.25)}.noise-overlay{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.text-gradient{background:linear-gradient(to right,hsl(var(--marketing-accent)),hsl(var(--marketing-accent-secondary)),hsl(var(--marketing-accent-warm)));-webkit-background-clip:text;background-clip:text;color:transparent}.marketing-label{color:hsl(var(--marketing-accent)/.75)}.marketing-link{color:hsl(var(--marketing-accent));transition:color .2s}.marketing-link:hover{color:hsl(var(--marketing-accent-warm))}.animate-fade-in-up{animation:marketing-fade-in-up .8s cubic-bezier(.16,1,.3,1) both}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@keyframes marketing-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.marketing-btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:white;color:black;font-weight:600;transition:background-color .2s}.marketing-btn-primary:hover{background:rgb(255 255 255/.9)}.marketing-btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgb(255 255 255/.2);background:rgb(255 255 255/.05);color:white;font-weight:600;backdrop-filter:blur(12px);transition:background-color .2s}.marketing-btn-secondary:hover{background:rgb(255 255 255/.1)}.marketing-chip{display:inline-block;border-radius:9999px;border:1px solid hsl(var(--marketing-primary)/.25);background:hsl(var(--marketing-primary)/.12);padding:.375rem .75rem;font-family:Space Mono,Menlo,monospace;font-size:.75rem;color:hsl(var(--marketing-accent)/.85)}.marketing-prose{font-size:1rem;line-height:1.75;color:rgb(255 255 255/.7)}.marketing-prose>:first-child{margin-top:0}.marketing-prose h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;color:white}.marketing-prose h3{margin-top:1.25rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;color:rgb(255 255 255/.95)}.marketing-prose p{margin-top:0;margin-bottom:1rem}.marketing-prose ol,.marketing-prose ul{margin-bottom:1rem;padding-left:1.5rem}.marketing-prose li{margin-bottom:.375rem}.marketing-prose a{color:hsl(var(--marketing-accent));text-decoration:underline;text-underline-offset:2px}.marketing-prose a:hover{color:hsl(var(--marketing-accent-warm))}.marketing-prose strong{font-weight:600;color:rgb(255 255 255/.9)}.auth-surface{--auth-background:200 38% 4%;--auth-primary:172 72% 48%;--auth-primary-hover:172 72% 42%;--auth-accent:172 80% 55%;--auth-accent-warm:38 92% 68%;background-color:hsl(var(--auth-background));color:hsl(180 20% 97%)}.auth-btn-primary{background:hsl(var(--auth-primary));color:white;font-weight:500;transition:background-color .2s}.auth-btn-primary:hover:not(:disabled){background:hsl(var(--auth-primary-hover))}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-link{color:hsl(var(--auth-accent)/.9);font-weight:500;transition:color .2s}.auth-link:hover{color:hsl(var(--auth-accent-warm))}