html.landing-page,body.landing-page{background:transparent!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}#landing-canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;outline:none}.landing-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:2rem;box-sizing:border-box;z-index:10;pointer-events:none}.landing-content-box{pointer-events:auto;opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s cubic-bezier(.16,1,.3,1)}.landing-content-box.visible{opacity:1;transform:translateY(0)}.text-gradient{background:linear-gradient(135deg,#111827,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .text-gradient{background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-blue{background:linear-gradient(135deg,#2563eb,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#9333ea,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#d97706,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-pink{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card{background:hsl(var(--card) / .65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsl(var(--border) / .8);box-shadow:0 10px 40px -10px hsl(var(--foreground) / .08);border-radius:20px;z-index:10}.dark .feature-card{background:hsl(var(--card) / .5);border:1px solid hsl(var(--border) / .3);box-shadow:0 10px 40px -10px hsl(var(--background) / .3)}.glass-btn{background:hsl(var(--background) / .5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#gatekeeper-card{padding-top:4rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:float 3s ease-in-out infinite}