.hero-animated-piano[data-v-8b5b31f4]{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem 0;position:relative}.particles-container[data-v-8b5b31f4]{inset:0;overflow:hidden;pointer-events:none;position:absolute}.particle[data-v-8b5b31f4]{animation:float-up-8b5b31f4 linear infinite;bottom:-20px;color:#9333ea99;opacity:0;position:absolute}.particle-small[data-v-8b5b31f4]{font-size:1rem}.particle-medium[data-v-8b5b31f4]{font-size:1.5rem}.particle-large[data-v-8b5b31f4]{color:#ec489980;font-size:2rem}@keyframes float-up-8b5b31f4{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-350px) rotate(1turn)}}.glow-backdrop[data-v-8b5b31f4]{inset:0;pointer-events:none;position:absolute}.glow-orb[data-v-8b5b31f4]{animation:pulse-glow-8b5b31f4 4s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.glow-orb-1[data-v-8b5b31f4]{background:linear-gradient(135deg,#9333ea,#ec4899);height:200px;left:10%;top:20%;width:200px}.glow-orb-2[data-v-8b5b31f4]{animation-delay:1s;background:linear-gradient(135deg,#3b82f6,#9333ea);height:150px;right:15%;top:30%;width:150px}.glow-orb-3[data-v-8b5b31f4]{animation-delay:2s;background:linear-gradient(135deg,#ec4899,#f59e0b);bottom:10%;height:180px;left:50%;transform:translate(-50%);width:180px}@keyframes pulse-glow-8b5b31f4{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.piano-keys-container[data-v-8b5b31f4]{align-items:flex-start;display:flex;gap:2px;padding:0 20px;position:relative;z-index:10}.piano-key[data-v-8b5b31f4]{border-radius:0 0 8px 8px;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.piano-key.white[data-v-8b5b31f4]{background:linear-gradient(180deg,#fff 0,#f5f5f5);border:2px solid #ddd;box-shadow:0 2px 4px #0000001a}.piano-key.black[data-v-8b5b31f4]{background:linear-gradient(180deg,#2d2d2d 0,#1a1a1a);border:2px solid #000;box-shadow:0 2px 6px #0000004d}.piano-key.white.active[data-v-8b5b31f4]{background:linear-gradient(180deg,#9333ea 0,#7e22ce);box-shadow:0 1px 2px #0003,0 0 30px #9333eab3,0 0 60px #9333ea66,inset 0 0 10px #ffffff4d;transform:translateY(2px)}.piano-key.black.active[data-v-8b5b31f4]{background:linear-gradient(180deg,#7e22ce 0,#6b21a8);box-shadow:0 1px 2px #0000004d,0 0 25px #9333eacc,0 0 50px #9333ea80,inset 0 0 8px #fff3;transform:translateY(2px)}.key-glow[data-v-8b5b31f4]{animation:key-glow-pulse-8b5b31f4 .8s ease-out;background:radial-gradient(circle,rgba(147,51,234,.6) 0,transparent 70%);border-radius:50%;inset:-10px;pointer-events:none;position:absolute}@keyframes key-glow-pulse-8b5b31f4{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}.sparkle[data-v-8b5b31f4]{animation:sparkle-8b5b31f4 .6s ease-out forwards;background:#fff;border-radius:50%;height:6px;pointer-events:none;position:absolute;width:6px}.sparkle-1[data-v-8b5b31f4]{animation-delay:0s;left:30%;top:10%}.sparkle-2[data-v-8b5b31f4]{animation-delay:.1s;right:30%;top:20%}.sparkle-3[data-v-8b5b31f4]{animation-delay:.2s;left:50%;top:40%}@keyframes sparkle-8b5b31f4{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(0) translate(var(--tx,-10px),var(--ty,-30px))}}.sparkle-1[data-v-8b5b31f4]{--tx:-15px;--ty:-40px}.sparkle-2[data-v-8b5b31f4]{--tx:15px;--ty:-35px}.sparkle-3[data-v-8b5b31f4]{--tx:0px;--ty:-45px}.ripple-effect[data-v-8b5b31f4]{animation:ripple-8b5b31f4 .8s ease-out;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,rgba(147,51,234,.4) 50%,transparent 70%);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}@keyframes ripple-8b5b31f4{0%{height:0;opacity:1;width:0}to{height:150px;opacity:0;width:150px}}.piano-reflection[data-v-8b5b31f4]{background:linear-gradient(180deg,rgba(147,51,234,.15) 0,transparent);filter:blur(8px);height:40px;margin-top:-5px;max-width:600px;opacity:.5;transform:scaleY(-1);width:100%;z-index:5}@media(max-width:640px){.piano-key.white[data-v-8b5b31f4]{height:90px!important;width:35px!important}.piano-key.black[data-v-8b5b31f4]{height:60px!important;margin-left:-11px!important;margin-right:-11px!important;width:22px!important}.glow-orb[data-v-8b5b31f4]{filter:blur(40px);height:100px!important;width:100px!important}.particle[data-v-8b5b31f4]{font-size:.8rem!important}.particle-large[data-v-8b5b31f4]{font-size:1.2rem!important}}@media(prefers-reduced-motion:reduce){.glow-orb[data-v-8b5b31f4],.key-glow[data-v-8b5b31f4],.particle[data-v-8b5b31f4],.ripple-effect[data-v-8b5b31f4],.sparkle[data-v-8b5b31f4]{animation:none!important}.piano-key.active[data-v-8b5b31f4]{transform:none!important}}@keyframes bounce-note-c3f9959c{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wave-c3f9959c{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.animate-bounce-note[data-v-c3f9959c]{animation:bounce-note-c3f9959c 1.5s ease-in-out infinite}.animate-wave[data-v-c3f9959c]{animation:wave-c3f9959c 1s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.animate-bounce-note[data-v-c3f9959c],.animate-wave[data-v-c3f9959c]{animation:none}}