: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}@keyframes darkGlow{0%,to{opacity:.6;filter:brightness(.65) contrast(1.1) saturate(.9) drop-shadow(0 0 15px rgba(0,0,0,.2))}50%{opacity:.7;filter:brightness(.6) contrast(1.15) saturate(.85) drop-shadow(0 0 20px rgba(0,0,0,.3))}}.hero-dark-image{animation:darkGlow 8s ease-in-out infinite}.image-effects-container{position:relative;filter:drop-shadow(0 0 50px rgba(var(--primary-500),.4)) drop-shadow(0 0 100px rgba(var(--primary-400),.2))}.image-visual-effects{filter:brightness(1.1) contrast(1.15) saturate(1.2) drop-shadow(0 0 30px rgba(var(--primary-500),.3));mix-blend-mode:normal;position:relative;z-index:1}.dark .image-visual-effects{filter:brightness(.95) contrast(1.2) saturate(1.3) drop-shadow(0 0 40px rgba(var(--primary-500),.4))}.image-glow-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle at center,rgba(var(--primary-500),.25) 0%,rgba(var(--primary-400),.15) 25%,rgba(var(--primary-300),.08) 50%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;filter:blur(40px);opacity:.8}.dark .image-glow-overlay{background:radial-gradient(circle at center,rgba(var(--primary-500),.3) 0%,rgba(var(--primary-400),.2) 25%,rgba(var(--primary-300),.1) 50%,transparent 70%);opacity:.9}.image-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--primary-500),.15) 0%,transparent 40%,transparent 60%,rgba(var(--primary-400),.12) 100%);pointer-events:none;z-index:2;mix-blend-mode:overlay;opacity:.7}.dark .image-gradient-overlay{background:linear-gradient(135deg,rgba(var(--primary-500),.2) 0%,transparent 40%,transparent 60%,rgba(var(--primary-400),.15) 100%);mix-blend-mode:soft-light;opacity:.8}.image-shine-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 55%,transparent 70%);pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:.4;transform:rotate(45deg)}.dark .image-shine-overlay{opacity:.3;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 55%,transparent 70%)}.image-effects-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border:1px solid rgba(var(--primary-500),.3);border-radius:50%;pointer-events:none;z-index:-1;box-shadow:0 0 20px rgba(var(--primary-500),.2),inset 0 0 30px rgba(var(--primary-400),.1)}.dark .image-effects-container:after{border-color:rgba(var(--primary-500),.4);box-shadow:0 0 30px rgba(var(--primary-500),.3),inset 0 0 40px rgba(var(--primary-400),.15)}@keyframes imageFloat{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-15px) translate(10px) rotate(2deg)}50%{transform:translateY(-25px) translate(-5px) rotate(-1deg)}75%{transform:translateY(-10px) translate(-10px) rotate(1deg)}}.image-effects-container{animation:imageFloat 8s ease-in-out infinite}@keyframes smoothRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.02)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}.hero-bg-image-container{opacity:1;border-radius:24px;overflow:hidden}.hero-bg-image-fade{border-radius:24px;overflow:hidden}.hero-bg-dark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.6) 25%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.15) 75%,transparent 100%);z-index:1}.dark .hero-bg-dark-overlay{background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.4) 40%,transparent 100%)}.hero-bg-glow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(var(--primary-500),.12) 0%,rgba(var(--primary-400),.08) 30%,transparent 70%);mix-blend-mode:overlay;opacity:.7;transition:opacity .3s ease;z-index:2}.dark .hero-bg-glow-overlay{background:radial-gradient(ellipse 80% 80% at 50% 50%,rgba(var(--primary-500),.18) 0%,rgba(var(--primary-400),.12) 30%,transparent 70%);opacity:.8;mix-blend-mode:soft-light}.image-visual-effects{animation:smoothRotate 20s linear infinite}@keyframes imageBreath{0%,to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 30px rgba(var(--primary-500),.3))}50%{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0 50px rgba(var(--primary-500),.5))}}.image-visual-effects{animation:smoothRotate 20s linear infinite,imageBreath 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.8;filter:blur(40px);transform:translate(-50%,-50%) scale(1)}50%{opacity:1;filter:blur(50px);transform:translate(-50%,-50%) scale(1.1)}}.image-glow-overlay{animation:glowPulse 6s ease-in-out infinite}@keyframes shineSweep{0%{transform:rotate(45deg) translate(-200%) translateY(-200%);opacity:0}50%{opacity:.4}to{transform:rotate(45deg) translate(200%) translateY(200%);opacity:0}}.image-shine-overlay,.dark .image-shine-overlay{animation:shineSweep 8s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:.7}50%{opacity:.9}}.image-gradient-overlay,.dark .image-gradient-overlay{animation:gradientPulse 5s ease-in-out infinite}.image-effects-container{will-change:transform;transition:transform .1s ease-out}@keyframes heroImageAppear{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.hero-image-appear{opacity:0;animation:heroImageAppear 1.2s cubic-bezier(.4,0,.2,1) forwards}
