: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;height:100vh;overflow:hidden;perspective:1px}.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(30px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-stagger{opacity:0;transform:translateY(20px);will-change:opacity,transform}.reveal-stagger.active{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)}.reveal-stagger:first-child{transition-delay:.1s}.reveal-stagger:nth-child(2){transition-delay:.2s}.reveal-stagger:nth-child(3){transition-delay:.3s}.reveal-stagger:nth-child(4){transition-delay:.4s}.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:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-modern:hover{transform:perspective(1000px) rotateX(-5deg) rotateY(5deg) translateY(-4px);box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 20px 40px -10px rgba(34,197,94,.2)}.btn-modern:hover:before{width:300px;height:300px}.btn-modern:active{transform:perspective(1000px) rotateX(-2deg) rotateY(2deg) translateY(-2px)}.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:100;transform:translateZ(0)}.section-transition{position:relative;min-height:100vh;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.section-transition:before{top:-2px;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s ease-in-out infinite}.section-transition:after,.section-transition:before{content:"";position:absolute;left:0;right:0;z-index:5}.section-transition:after{top:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.2) 50%,transparent 90%)}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.8}}.card-3d{transform-style:preserve-3d;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transition:transform .5s cubic-bezier(.165,.84,.44,1)}.card-3d:hover{transform:perspective(1000px) rotateX(calc((var(--mouse-y) - 50) * -.1deg)) rotateY(calc((var(--mouse-x) - 50) * .1deg))}.card-3d:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(calc(var(--mouse-x) * 1deg),transparent 40%,rgba(34,197,94,.3) 50%,transparent 60%);opacity:0;transition:opacity .5s;z-index:-1}.card-3d:hover:before{opacity:1}.smooth-scroll{scroll-behavior:smooth;scroll-snap-type:y mandatory}.smooth-scroll>section{scroll-snap-align:start;scroll-snap-stop:always}.skeleton{position:relative;overflow:hidden;background:var(--zinc-800)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton-shimmer 2s infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.parallax-bg-far,.parallax-bg-mid{transform:none!important}}@media (min-width:769px){*,body{cursor:none!important}.cursor-dot{position:fixed;width:12px;height:12px;background:#22c55e;border-radius:50%;pointer-events:none;z-index:9999;transition:width .15s cubic-bezier(.25,.46,.45,.94),height .15s cubic-bezier(.25,.46,.45,.94),background .15s cubic-bezier(.25,.46,.45,.94),box-shadow .15s cubic-bezier(.25,.46,.45,.94);box-shadow:0 0 15px rgba(34,197,94,.4);will-change:transform,width,height}.cursor-dot.hover{width:32px;height:32px;background:rgba(34,197,94,.9);box-shadow:0 0 25px rgba(34,197,94,.6)}}@media (max-width:768px){*{cursor:default!important}}.fps-counter{position:fixed;top:10px;right:10px;background:rgba(0,0,0,.8);color:var(--primary-green);padding:5px 10px;font-family:monospace;font-size:12px;z-index:9999;pointer-events:none}@media (max-width:768px){body,html{overflow-x:hidden!important;width:100%!important}.parallax-layer{transform:none!important}.text-5xl{font-size:2rem!important;line-height:2.5rem!important}.text-7xl{font-size:2.5rem!important;line-height:3rem!important}.grid{gap:1.5rem!important}.card-3d{transform:none!important;margin-bottom:1rem}.reveal,.reveal-stagger{transform:translateY(20px)!important}.reveal-stagger.active,.reveal.active{transform:translateY(0)!important}.btn-modern{width:100%;margin-bottom:1rem}.animate-float,.animate-pulse{animation:none!important}.parallax-container{z-index:1!important}.text-zinc-400{color:#a1a1aa!important}.parallax-layer{position:absolute!important;z-index:0!important}.fixed.inset-0{position:fixed!important;overflow:hidden!important;z-index:0!important}.section-transition{background:rgba(0,0,0,.95)!important;backdrop-filter:blur(2px)!important}svg{max-width:100%!important;height:auto!important}.parallax-container{position:relative!important;z-index:10!important;background:#000!important;margin:0!important}.min-h-screen,.parallax-container{padding:4rem 0!important;display:block!important;align-items:flex-start!important;justify-content:flex-start!important}.min-h-screen{min-height:auto!important;height:auto!important}.scroll-progress{display:none!important}.grid-cols-3{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}div,p,span{word-wrap:break-word!important;overflow-wrap:break-word!important}code{white-space:pre-wrap!important;word-break:break-all!important}}