:root{--scroll-progress:0;--section-progress:0;--mouse-x:50%;--mouse-y:50%;--primary-green:#22c55e;--primary-red:#ef4444;--zinc-900:#18181b;--zinc-800:#27272a;--zinc-700:#3f3f46}.parallax-layer{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.parallax-container{position:relative;min-height:100vh;perspective:1px}@media (min-width:1024px){.parallax-container{height:100vh;overflow:hidden}}@media (max-width:1023px){.parallax-container{min-height:auto;overflow:visible}}.parallax-bg-far{position:fixed;top:0;left:0;width:110%;height:110%;transform:translateZ(-2px) scale(3)}.parallax-bg-mid{position:fixed;top:0;left:0;width:105%;height:105%;transform:translateZ(-1px) scale(2)}.parallax-bg-near{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0)}.reveal{opacity:0;transform:translateY(10px);transition:opacity .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-stagger{opacity:0;transform:translateY(8px);will-change:opacity,transform}.reveal-stagger.active{opacity:1;transform:translateY(0);transition:opacity .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94)}.reveal-stagger:first-child{transition-delay:.05s}.reveal-stagger:nth-child(2){transition-delay:.1s}.reveal-stagger:nth-child(3){transition-delay:.15s}.reveal-stagger:nth-child(4){transition-delay:.2s}.btn-modern{position:relative;overflow:hidden;transform-style:preserve-3d;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:all .3s cubic-bezier(.165,.84,.44,1)}.btn-modern:hover{transform:perspective(1000px) rotateX(-5deg) rotateY(5deg) scale(1.02);box-shadow:0 10px 30px rgba(34,197,94,.3)}.card-3d{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.165,.84,.44,1)}@media (min-width:768px){.card-3d:hover{transform:perspective(1000px) rotateX(-2deg) rotateY(2deg) translateZ(10px)}.cursor-dot{position:fixed;width:12px;height:12px;background-color:var(--primary-green);border-radius:50%;pointer-events:none;z-index:9999;transition:transform .15s ease,background-color .15s ease;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-dot.hover{transform:translate(-50%,-50%) scale(2);background-color:rgba(34,197,94,.5)}.hide-default-cursor,.hide-default-cursor *{cursor:none!important}}.smooth-scroll{scroll-behavior:smooth}.section-transition{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green) var(--scroll-progress),transparent var(--scroll-progress));z-index:9998;transition:background .1s linear}.fps-counter{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.7);color:var(--primary-green);padding:5px 10px;border-radius:4px;font-family:monospace;font-size:12px;z-index:9997}@keyframes float{0%,to{transform:translateY(0) translateX(0);opacity:.25}25%{transform:translateY(-20px) translateX(10px);opacity:.2}50%{transform:translateY(-10px) translateX(-10px);opacity:.25}75%{transform:translateY(-30px) translateX(5px);opacity:.2}}.animate-float{animation:float 15s ease-in-out infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes progress-slide{0%{background-position:0 50%}to{background-position:100% 50%}}.bg-gradient-radial{background:radial-gradient(circle at center,var(--tw-gradient-from),var(--tw-gradient-to))}@media (prefers-reduced-motion:reduce){.btn-modern,.card-3d,.parallax-layer,.reveal,.reveal-stagger{transition:none!important;animation:none!important;transform:none!important}.smooth-scroll{scroll-behavior:auto}}