.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s ease-in-out}.hero-background.active{opacity:1}.content-animate{opacity:0;transform:translateY(50px);animation:fadeInUp 1s ease .3s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-hover{transition:all .6s ease}.card-hover:hover{transform:translateY(-10px) scale(1.02)}.nav-dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.5);transition:all .3s ease;cursor:pointer}.nav-dot.active{background:#fff;width:24px;border-radius:6px}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.stable-layout{min-height:100vh;position:relative}