.hero-bg{overflow:hidden;pointer-events:none}.gradient-overlay,.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%}.gradient-overlay{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(147,51,234,.05) 40%,rgba(236,72,153,.05) 70%,rgba(255,255,255,.9));background-size:400% 400%;animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.floating-element{position:absolute;opacity:.1;animation:floatUp 20s linear infinite;transform-origin:center}.floating-element.slow{animation-duration:25s;opacity:.08}.floating-element.fast{animation-duration:15s;opacity:.12}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%{opacity:.1}90%{opacity:.1}to{transform:translateY(-100px) rotate(1turn);opacity:0}}.clothing-float{position:absolute;opacity:.08;animation:clothingFloat 18s ease-in-out infinite}@keyframes clothingFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-25px) rotate(7deg)}}.pulse-element{position:absolute;opacity:.06;animation:gentlePulse 12s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:.06}50%{transform:scale(1.1);opacity:.12}}@media (max-width:768px){.clothing-float,.floating-element,.pulse-element{opacity:.05}.gradient-overlay{opacity:.8}}.hero-bg *{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}