.hero-background{opacity:0;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0}.hero-background.active{opacity:1}.content-animate{opacity:0;animation:1s .3s forwards fadeInUp;transform:translateY(50px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-hover{transition:all .6s}.card-hover:hover{transform:translateY(-10px)scale(1.02)}.feature-showcase{opacity:0;transition:all .8s;transform:scale(.9)}.feature-showcase.active{opacity:1;transform:scale(1)}.nav-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:all .3s}.nav-dot.active{background:#fff;border-radius:6px;width:32px}.btn-hover{transition:all .3s}.btn-hover:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 10px 25px #00000026}.btn-hover:active{transform:translateY(0)scale(.98)}.floating-element{animation:6s ease-in-out infinite float}.floating-element:nth-child(odd){animation-delay:-2s}.floating-element:nth-child(2n){animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}50%{transform:translateY(-10px)rotate(-5deg)}75%{transform:translateY(-30px)rotate(3deg)}}.pulse-icon{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}*{backface-visibility:hidden;transform:translateZ(0)}.stable-layout{min-height:100vh;position:relative}