:root{--mouse-x: 50;--mouse-y: 50;--primary-coral: rgba(239, 68, 68, .8);--primary-pink: rgba(236, 72, 153, .8);--primary-orange: rgba(249, 115, 22, .8);--accent-amber: rgba(245, 158, 11, .7);--accent-rose: rgba(244, 63, 94, .7)}.animated-background{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(236,72,153,.05) 0%,transparent 50%);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.animated-orb{position:absolute;border-radius:9999px;mix-blend-mode:normal;filter:blur(100px);transition:transform .3s ease-out;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.animated-orb-1{width:28rem;height:28rem;background:radial-gradient(circle,rgba(239,68,68,.9) 0%,rgba(249,115,22,.6) 50%,transparent 100%);opacity:.6;animation:blob 8s infinite;top:-5%;left:-8%}.animated-orb-2{width:26rem;height:26rem;background:radial-gradient(circle,rgba(236,72,153,.85) 0%,rgba(244,63,94,.6) 50%,transparent 100%);opacity:.55;animation:blob 9s infinite;animation-delay:2.5s;top:-3%;right:-7%}.animated-orb-3{width:30rem;height:30rem;background:radial-gradient(circle,rgba(249,115,22,.8) 0%,rgba(251,146,60,.5) 50%,transparent 100%);opacity:.45;animation:blob 10s infinite;animation-delay:5s;bottom:-12%;left:12%}.animated-orb-4{width:22rem;height:22rem;background:radial-gradient(circle,rgba(245,158,11,.7) 0%,rgba(251,146,60,.4) 50%,transparent 100%);opacity:.4;animation:pulse-glow 4s infinite;filter:blur(80px);top:45%;right:25%}.animated-particle{position:absolute;width:.85rem;height:.85rem;border-radius:9999px;background:radial-gradient(circle,rgba(236,72,153,.9) 0%,rgba(249,115,22,.5) 50%,transparent 100%);box-shadow:0 0 28px #ec4899b3,0 0 12px #f9731680;transition:transform .8s ease-out;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.animated-grid{position:absolute;inset:0;opacity:.06;background-image:linear-gradient(to right,rgba(239,68,68,.4) 1px,transparent 1px),linear-gradient(to bottom,rgba(236,72,153,.4) 1px,transparent 1px);background-size:60px 60px;transition:transform .3s ease-out;animation:grid-pulse 8s ease-in-out infinite}.radial-glow{position:absolute;inset:0;pointer-events:none;transition:background .3s ease-out}@keyframes blob{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(40px,-60px) scale(1.15) rotate(120deg)}66%{transform:translate(-30px,30px) scale(.85) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes grid-pulse{0%,to{opacity:.06}50%{opacity:.1}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-33.33%)}}.animate-scroll-up{animation:scroll-up 30s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animation-delay-450{animation-delay:.45s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.optimized-animation{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(236,72,153,.15) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 2.5s infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 25s linear infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-subtle{animation:bounce-subtle 3s ease-in-out infinite}
