body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.text-responsive-xs{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}.text-responsive-sm{font-size:clamp(.875rem,.8rem + .375vw,1rem)}.text-responsive-base{font-size:clamp(1rem,.9rem + .5vw,1.125rem)}.text-responsive-lg{font-size:clamp(1.125rem,1rem + .625vw,1.25rem)}.text-responsive-xl{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)}.text-responsive-2xl{font-size:clamp(1.5rem,1.3rem + 1vw,2rem)}.text-responsive-3xl{font-size:clamp(1.875rem,1.6rem + 1.375vw,2.5rem)}.touch-target{min-height:44px;min-width:44px}.touch-manipulation,.touch-target{touch-action:manipulation}.focus-visible:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@media (hover:none) and (pointer:coarse){.mobile-tap-highlight{-webkit-tap-highlight-color:rgba(168,85,247,.1)}}@media (max-width:768px){*{-webkit-overflow-scrolling:touch}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;overflow-x:hidden}.landing-hero{align-items:center;display:flex;justify-content:space-between;min-height:100vh;padding:60px 10%;position:relative}.landing-hero:before{background:radial-gradient(ellipse,#a855f726 0,#0000 70%);height:150%;left:-20%;top:-50%;width:80%}.landing-hero:after,.landing-hero:before{content:"";pointer-events:none;position:absolute}.landing-hero:after{background:radial-gradient(ellipse,#ec48991a 0,#0000 60%);bottom:-30%;height:100%;right:-10%;width:60%}.hero-content{animation:fadeInUp 1s ease-out;flex:1 1;max-width:600px;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{gap:15px;margin-bottom:20px}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{animation:bounce 2s infinite;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:16px;height:60px;justify-content:center;width:60px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-music{color:#fff;height:35px;width:35px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0}.hero-tagline{color:#ffffffe6;font-size:1.5rem;letter-spacing:2px;margin-bottom:20px}.hero-description{color:#ffffffb3;font-size:1.1rem;line-height:1.8;margin-bottom:40px;max-width:500px}.cta-button{align-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:50px;box-shadow:0 4px 20px #a855f766;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 36px;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 30px #a855f799;transform:translateY(-3px)}.cta-button.hovered .arrow-icon{transform:translateX(5px)}.arrow-icon{height:24px;transition:transform .3s ease;width:24px}.hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center;z-index:1}.floating-cards{height:350px;position:relative;width:400px}.card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;gap:15px;padding:20px 25px;position:absolute}.card,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;height:45px;justify-content:center;width:45px}.card-icon svg{color:#fff;height:24px;width:24px}.card span{font-size:1rem;font-weight:500;white-space:nowrap}.card-1{animation-delay:0s;left:0;top:0}.card-2{animation-delay:2s;right:0;top:50%;transform:translateY(-50%)}.card-3{animation-delay:4s;bottom:0;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features-section{background:#0003;padding:80px 10%}.features-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:60px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:35px;text-align:center;transition:all .3s ease}.feature-item:hover{background:#ffffff0f;border-color:#a855f74d;transform:translateY(-10px)}.feature-icon{align-items:center;border-radius:20px;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.feature-icon svg{color:#fff;height:35px;width:35px}.gradient-1{background:linear-gradient(135deg,#a855f7,#6366f1)}.gradient-2{background:linear-gradient(135deg,#ec4899,#f43f5e)}.gradient-3{background:linear-gradient(135deg,#f59e0b,#eab308)}.gradient-4{background:linear-gradient(135deg,#10b981,#3b82f6)}.feature-item h3{color:#fff;font-size:1.3rem;margin-bottom:12px}.feature-item p{color:#fff9;font-size:.95rem;line-height:1.6}.footer{align-items:center;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;padding:30px 10%}.footer p{color:#ffffff80;font-size:.9rem}.footer-links{display:flex;gap:25px}.footer-links a{color:#ffffff80;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#a855f7}@media (max-width:900px){.landing-hero{flex-direction:column;gap:50px;padding:80px 5%;text-align:center}.hero-content{max-width:100%}.hero-description{margin:0 auto 40px;max-width:100%}.hero-visual{display:none}.features-grid{grid-template-columns:1fr;max-width:400px}.footer{flex-direction:column;gap:15px;text-align:center}}
/*# sourceMappingURL=main.eae5f705.css.map*/