@keyframes floatUp{0%{transform:translateY(100vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) translateX(20px) rotate(1turn);opacity:0}}.hero-particle{position:absolute;width:3px;height:3px;background:rgba(255,255,255,.8);border-radius:var(--radius-full);pointer-events:none;z-index:2}.hero-overlay-side{background:linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 5%,rgba(0,0,0,.4) 10%,rgba(0,0,0,.2) 15%,transparent 20%,transparent 80%,rgba(0,0,0,.2) 85%,rgba(0,0,0,.4) 90%,rgba(0,0,0,.6) 95%,rgba(0,0,0,.8))}.hero-overlay-bottom,.hero-overlay-side{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-overlay-bottom{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 70%,rgba(0,0,0,.3) 80%,rgba(0,0,0,.6) 90%,rgba(0,0,0,.8) 95%,black)}.hero-particles-container{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}