*{box-sizing:border-box}html{scroll-behavior:smooth}.feature-card,.floating-element,.parallax-bg{transform:translateZ(0);will-change:transform}.static-element{will-change:auto}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;backface-visibility:hidden;perspective:1000px}.hero-gradient{background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(147,51,234,.15) 35%,rgba(59,130,246,.15));background-attachment:fixed}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.feature-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(2deg);box-shadow:0 20px 40px -10px rgba(0,0,0,.1),0 10px 20px -5px rgba(0,0,0,.05)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:inherit;pointer-events:none}.feature-card:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.floating-element{animation:float 6s ease-in-out infinite}.floating-element:nth-child(2n){animation-delay:-3s;animation-duration:8s}.gradient-button{background:linear-gradient(45deg,#ec4899,#8b5cf6,#3b82f6);background-size:200% 200%;animation:shimmer 3s ease-in-out infinite;position:relative;overflow:hidden}.gradient-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.gradient-button:hover:before{left:100%}.scroll-indicator{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.typing-animation{overflow:hidden;border-right:2px solid;white-space:nowrap;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card-hover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(147,51,234,.1));opacity:0;transition:opacity .3s ease;border-radius:inherit;pointer-events:none}.card-hover:hover:after{opacity:1}.card-hover:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 20px 40px -12px rgba(0,0,0,.2)}.reveal{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.dot-pattern{background-image:radial-gradient(circle,rgba(236,72,153,.1) 1px,transparent 0);background-size:20px 20px}.wave-pattern{background:linear-gradient(45deg,transparent 30%,rgba(147,51,234,.05) 50%,transparent 70%);background-size:60px 60px;animation:wave-move 20s linear infinite}@keyframes wave-move{0%{background-position:0 0}to{background-position:60px 60px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px rgba(0,0,0,.1)}.parallax-bg{transform:none!important}.hero-gradient{background-attachment:scroll}.floating-element{animation-duration:8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}@media (max-width:1024px) and (min-width:769px){.feature-card:hover{transform:translateY(-4px) rotateX(1deg) rotateY(1deg)}}.dark .feature-card{background:linear-gradient(135deg,rgba(17,24,39,.8),rgba(31,41,55,.8));border:1px solid rgba(75,85,99,.3)}.dark .card-hover:after{background:linear-gradient(135deg,rgba(236,72,153,.05),rgba(147,51,234,.05))}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.parallax-bg{transform:none!important}.floating-element{animation:none!important}}.focus-visible:focus{outline:2px solid #ec4899;outline-offset:2px}@media (prefers-contrast:high){.feature-card{border:2px solid}.gradient-button{background:currentColor}}@media print{.floating-element,.gradient-button:before,.parallax-bg{display:none}}.scroll-trigger{contain-intrinsic-size:400px}.scroll-trigger,img{content-visibility:auto}