:root{--font-sans: "Outfit";--font-serif: "Inter";--font-mono: "Space Mono";--primary-50: 255 251 235;--primary-100: 254 243 199;--primary-200: 253 230 138;--primary-300: 252 211 77;--primary-400: 251 191 36;--primary-500: 245 158 11;--primary-600: 217 119 6;--primary-700: 180 83 9;--primary-800: 146 64 14;--primary-900: 120 53 15;--primary-950: 69 26 3}body{font-family:var(--font-sans),sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#404040}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.animate-scroll-down{animation:scrollWheel 1.5s ease-out infinite}@keyframes mouseScrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(8px);opacity:.7}}.animate-mouse-scroll{animation:mouseScrollBounce 2s ease-in-out infinite}.bg-dots-pattern{background-size:50px 50px;background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 1px)}.dark .bg-dots-pattern{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-blur{opacity:0;transform:translateY(50px) scale(.94);filter:blur(2px);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1),filter 1.4s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}.reveal-blur.active{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}.section-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(var(--primary-500),.3),transparent);margin-top:6rem;margin-bottom:2rem;position:relative;opacity:.7}.section-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:rgb(var(--primary-500));border-radius:50%;box-shadow:0 0 15px rgba(var(--primary-500),.8)}.section-divider:before{content:"";position:absolute;left:50%;bottom:50%;transform:translate(-50%);width:1px;height:40px;background:linear-gradient(to top,rgba(var(--primary-500),.5),transparent)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:1}::view-transition-old(root){z-index:0}.rotate-360{transform:rotate(360deg)}.tilt-card{transition:box-shadow .3s ease;transform-style:preserve-3d}.tilt-card:hover{z-index:10}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes gradientRotate{0%{transform:rotate(0);background-position:0% 50%}50%{transform:rotate(180deg);background-position:100% 50%}to{transform:rotate(360deg);background-position:0% 50%}}@keyframes gradientMove1{0%{transform:translate(0) scale(1)}25%{transform:translate(50px,-80px) scale(1.1)}50%{transform:translate(-40px,60px) scale(.9)}75%{transform:translate(70px,40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes gradientMove2{0%{transform:translate(0) scale(1)}33%{transform:translate(-60px,50px) scale(1.15)}66%{transform:translate(40px,-70px) scale(.85)}to{transform:translate(0) scale(1)}}@keyframes gradientMove3{0%{transform:translate(0) scale(1)}20%{transform:translate(80px,-30px) scale(1.2)}40%{transform:translate(-50px,-90px) scale(.8)}60%{transform:translate(-70px,50px) scale(1.1)}80%{transform:translate(30px,80px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes gradientMove4{0%{transform:translate(0) scale(1)}30%{transform:translate(-90px,40px) scale(1.1)}60%{transform:translate(60px,-50px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes gradientMove5{0%{transform:translate(0) scale(1)}25%{transform:translate(40px,90px) scale(1.05)}50%{transform:translate(-80px,-40px) scale(.95)}75%{transform:translate(50px,-60px) scale(1.15)}to{transform:translate(0) scale(1)}}@keyframes gradientMove6{0%{transform:translate(0) scale(1)}40%{transform:translate(-70px,70px) scale(1.1)}80%{transform:translate(90px,-30px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-gradient-rotate{animation:gradientRotate 8s ease infinite}.animate-gradient-move{animation:gradientMove 12s ease infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes z-float{0%,to{transform:translateZ(0)}50%{transform:translateZ(50px)}}.animate-z-float{animation:z-float 4s ease-in-out infinite}.perspective-container{perspective:1000px}.text-gradient{@apply text-transparent bg-clip-text bg-gradient-to-r from-primary-500 to-primary-700;}.text-outline{-webkit-text-stroke:1px rgba(255,255,255,.1);color:transparent}.text-outline-hero{-webkit-text-stroke:2px rgba(255,255,255,.8);background-color:#fff3;-webkit-background-clip:text;color:#fff3;position:relative;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.dark .text-outline-hero{-webkit-text-stroke:2px rgba(255,255,255,.8)}:not(.dark) .text-outline-hero{-webkit-text-stroke:2px rgba(23,23,23,.15);background-color:transparent;-webkit-background-clip:text;color:transparent;filter:none}.brush-stroke{clip-path:polygon(1% 16%,12% 4%,28% 14%,45% 3%,60% 12%,75% 4%,92% 13%,100% 2%,99% 88%,88% 98%,72% 90%,55% 98%,38% 89%,22% 97%,8% 90%,0% 98%)}.glass-card{@apply bg-white/70 dark:bg-neutral-900/60 backdrop-blur-xl border border-white/20 dark:border-neutral-800/50;}@keyframes selectionPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.frame-container{top:0;left:0;right:0;bottom:0;opacity:0;position:absolute;pointer-events:none;z-index:0;isolation:isolate}.frame-container.frame-visible{opacity:1}.frame-corner{position:absolute;width:20px;height:20px;opacity:0;transform:scale(.5);z-index:1}.frame-corner-tl{top:0;left:0;border-top:3px solid rgb(var(--primary-500));border-left:3px solid rgb(var(--primary-500));border-top-left-radius:6px;box-shadow:0 0 8px rgba(var(--primary-500),.5)}.frame-corner-tr{top:0;right:0;border-top:3px solid rgb(var(--primary-500));border-right:3px solid rgb(var(--primary-500));border-top-right-radius:6px;box-shadow:0 0 8px rgba(var(--primary-500),.5)}.frame-corner-bl{bottom:0;left:0;border-bottom:3px solid rgb(var(--primary-500));border-left:3px solid rgb(var(--primary-500));border-bottom-left-radius:6px;box-shadow:0 0 8px rgba(var(--primary-500),.5)}.frame-corner-br{bottom:0;right:0;border-bottom:3px solid rgb(var(--primary-500));border-right:3px solid rgb(var(--primary-500));border-bottom-right-radius:6px;box-shadow:0 0 8px rgba(var(--primary-500),.5)}@keyframes frameCornerFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.frame-visible .frame-corner-tl{animation:frameCornerFadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards,frameFocusAnimation 1.2s ease-in-out forwards;animation-delay:1s,1.8s}.frame-visible .frame-corner-tr{animation:frameCornerFadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards,frameFocusAnimation 1.2s ease-in-out forwards;animation-delay:1.1s,1.8s}.frame-visible .frame-corner-bl{animation:frameCornerFadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards,frameFocusAnimation 1.2s ease-in-out forwards;animation-delay:1.2s,1.8s}.frame-visible .frame-corner-br{animation:frameCornerFadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards,frameFocusAnimation 1.2s ease-in-out forwards;animation-delay:1.3s,1.8s}@keyframes frameFocusAnimation{0%{transform:scale(1);filter:blur(0px)}50%{transform:scale(1.15);filter:blur(2px)}to{transform:scale(1);filter:blur(0px)}}.selection-box{animation:selectionPulse 3s infinite ease-in-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.button-ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%) translateY(-50%)}to{transform:translate(100%) translateY(-50%)}}.button-shimmer{position:absolute;top:50%;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) translateY(-50%);pointer-events:none;will-change:transform;backface-visibility:hidden}.group:hover .button-shimmer{animation:shimmer .8s ease-in-out}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(var(--primary-500),.4),0 0 40px rgba(var(--primary-500),.2)}50%{box-shadow:0 0 30px rgba(var(--primary-500),.6),0 0 50px rgba(var(--primary-500),.3)}}.button-glow{animation:glowPulse 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}.button-icon-animate{animation:iconBounce .6s ease-in-out}@keyframes buttonBounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.button-bounce{animation:buttonBounce .4s ease-out}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-animate-fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.hero-animate-fade-in.hero-animate-active{opacity:1;transform:translateY(0)}.hero-delay-200{transition-delay:.2s}.hero-delay-300{transition-delay:.3s}.hero-delay-400{transition-delay:.4s}.hero-delay-500{transition-delay:.5s}
