@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.app{z-index:1;min-height:100vh;background:#000106;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.blue-light-left{position:absolute;top:5%;left:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none}.blue-light-right{position:absolute;top:5%;right:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none}.background-lights{position:absolute;overflow:clip;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.light-purple{position:absolute;top:20%;right:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(204,0,255,.25) 0%,transparent 60%);border-radius:50%;filter:blur(60px)}.light-purple2{position:absolute;top:20%;left:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(204,0,255,.25) 0%,transparent 60%);border-radius:50%;filter:blur(60px)}.light-green{position:absolute;top:35%;left:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 60%);border-radius:50%;filter:blur(70px)}.light-green2{position:absolute;top:35%;right:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 60%);border-radius:50%;filter:blur(70px)}.light-yellow{position:absolute;top:50%;right:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 60%);border-radius:50%;filter:blur(50px)}.light-yellow2{position:absolute;top:50%;left:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 60%);border-radius:50%;filter:blur(50px)}.light-pink{position:absolute;top:68%;right:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(247,0,255,.3) 0%,transparent 60%);border-radius:50%;filter:blur(50px)}.light-pink2{position:absolute;top:68%;left:-400px;width:1000px;height:1000px;background:radial-gradient(circle,rgba(247,0,255,.3) 0%,transparent 60%);border-radius:50%;filter:blur(50px)}.header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:transparent;transition:background-color .25s,box-shadow .25s,backdrop-filter .25s}.header.is-sticky{position:fixed;top:0;left:0;right:0;width:100%;background:#080a0ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 24px #00000059}.logo{font-size:20px;font-weight:700}.nav-buttons{display:flex;gap:16px}.nav-link{color:#60a5fa;background:none;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:color .2s;text-decoration:none}.nav-link:hover{color:#93c5fd}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:calc(100vh - 80px);padding:20px}.profile-circle{width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.pfp-image{width:110%;height:110%;-o-object-fit:cover;object-fit:cover;position:relative;top:10px}.hero-title{font-size:48px;font-weight:700;margin-bottom:16px}.hero-highlight{background:linear-gradient(135deg,#00d0ff 27%,#e6fbff 65%,#005aff 88%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{text-align:center;max-width:768px;margin:1rem auto 0;padding:0 1rem;line-height:1.6;font-size:1.1rem;color:#cbd5e1;margin-bottom:20px}.hero-buttons{display:flex;gap:16px;margin-top:10px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#0051ff,#88aeff);color:#fff;padding:12px 24px;border:none;border-radius:25px;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:180px;text-decoration:none}.btn-primary:hover{box-shadow:0 0 20px #0051ff99,0 0 40px #0051ff4d;transform:translateY(-1px)}.btn-primary .btn-icon{width:30px;height:30px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#374151;color:#fff;padding:12px 24px;border:none;border-radius:25px;font-size:20px;font-weight:300px;cursor:pointer;transition:all .2s ease;min-width:180px;text-decoration:none}.btn-secondary:hover{box-shadow:0 0 20px #374151,0 0 40px #374151;transform:translateY(-1px)}.server-stats{text-align:center;padding:40px 0;font-size:28px;font-weight:700;color:#60a5fa}.demo-section{display:flex;justify-content:space-between;align-items:center;max-width:1200px;height:80vh;margin:0 auto;padding:60px 20px;gap:40px}.demo-content{flex:1}.demo-title{font-size:32px;font-weight:700;margin-bottom:24px;color:#a855f7}.demo-description{font-size:16px;line-height:1.6;margin-bottom:32px;color:#d1d5db}.btn-gradient{background:linear-gradient(90deg,#8c11ff,#ee81ff);color:#fff;padding:12px 24px;border:none;border-radius:25px;font-weight:600;cursor:pointer}.demo-videos{flex:1;max-width:600px;display:flex;flex-direction:column;gap:20px}.video-container{width:100%}.video-container:last-child{margin-bottom:0}.video-label{text-align:center;margin-bottom:8px;font-size:14px;font-weight:700}.green{color:#22c55e}.purple{color:#a855f7}.video-content,.video-content.has-video{position:absolute;inset:0;border-radius:12px;overflow:hidden}.video-content.has-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;display:block}.video-content.generating{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-color:#22c55e;border-radius:12px;background:#1a1a2e}.video-placeholder{width:100%;height:0;padding-bottom:56.25%;background:#1a1a2e;border:2px solid #16213e;border-radius:12px;position:relative;overflow:hidden}.audio-section{height:80vh;text-align:center;padding:80px 20px;max-width:1200px;margin:0 auto}.audio-title{font-size:36px;font-weight:700;color:#22c55e;margin-bottom:24px}.audio-description{color:#d1d5db;font-size:16px;line-height:1.6;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}.audio-input-container{margin-bottom:60px;padding-right:50px}.audio-input-container-bpm{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;max-width:100%}.bpm-text{color:#fbbf24;font-size:20px}.audio-input{width:100%;max-width:500px;padding:16px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:16px;margin-bottom:20px;outline:none}.audio-input::-moz-placeholder{color:#9ca3af}.audio-input::placeholder{color:#9ca3af}.audio-input:focus{border-color:#22c55e}.btn-generate{background:#22c55e;color:#fff;padding:16px 32px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s;margin-left:12px}.btn-generate:hover{background:#16a34a}.audio-demo{display:flex;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto}.audio-video-container{flex:1}.generating{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-color:#22c55e!important;border-radius:12px}.generating-text{text-align:center;font-weight:600}.how-it-works{display:flex;flex-direction:column;text-align:center;padding:80px 20px;max-width:800px;justify-content:center;align-items:center;height:80vh;margin:0 auto}.works-title{font-size:36px;font-weight:700;color:#fbbf24;margin-bottom:24px}.works-description{color:#d1d5db;font-size:16px;line-height:1.6;margin-bottom:60px}.btn-generate-bpm{background:#fbbf24;color:#fff;padding:16px 32px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s;margin-bottom:20px;margin-left:15px}.btn-generate-bpm:hover{background:#ffd059;color:#fff;padding:16px 32px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s}.audio-input-bpm{width:100%;max-width:600px;padding:16px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:16px;outline:none}.audio-input-bpm::-moz-placeholder{color:#9ca3af}.audio-input-bpm::placeholder{color:#9ca3af}.audio-input-bpm:focus{border-color:#ffd059}.waveform-container{position:relative}.waveform{width:100%;max-width:520px;height:180px}.wave-1,.wave-2{fill:none;stroke-width:3;animation:waveSync 4.5s infinite}.wave-1{stroke:#fbbf24;opacity:.9;animation:wave1Sync 5s infinite;filter:drop-shadow(0 0 8px #fbbf24) drop-shadow(0 0 16px #fbbf24);stroke-width:4}.wave-2{stroke:#f59e0b;opacity:.7;animation:wave2Sync 5s infinite;animation-delay:.8s;filter:drop-shadow(0 0 8px #f59e0b) drop-shadow(0 0 16px #f59e0b);stroke-width:4}@keyframes wave1Sync{0%,to{d:path("M0,60 Q20,20 40,60 Q60,100 80,60 Q100,20 120,60 Q140,100 160,60 Q180,20 200,60 Q220,100 240,60 Q260,20 280,60 Q300,100 320,60 Q340,20 360,60 Q380,100 400,60")}40%{d:path("M0,60 Q20,20 40,60 Q60,100 80,60 Q100,20 120,60 Q140,100 160,60 Q180,20 200,60 Q220,100 240,60 Q260,20 280,60 Q300,100 320,60 Q340,20 360,60 Q380,100 400,60")}60%{d:path("M0,60 Q20,100 40,60 Q60,20 80,60 Q100,100 120,60 Q140,20 160,60 Q180,100 200,60 Q220,20 240,60 Q260,100 280,60 Q300,20 320,60 Q340,100 360,60 Q380,20 400,60")}85%{d:path("M0,60 Q20,60 40,60 Q60,60 80,60 Q100,60 120,60 Q140,60 160,60 Q180,60 200,60 Q220,60 240,60 Q260,60 280,60 Q300,60 320,60 Q340,60 360,60 Q380,60 400,60")}}@keyframes wave2Sync{0%,to{d:path("M0,60 Q20,100 40,60 Q60,20 80,60 Q100,100 120,60 Q140,20 160,60 Q180,100 200,60 Q220,20 240,60 Q260,100 280,60 Q300,20 320,60 Q340,100 360,60 Q380,20 400,60")}50%{d:path("M0,60 Q20,100 40,60 Q60,20 80,60 Q100,100 120,60 Q140,20 160,60 Q180,100 200,60 Q220,20 240,60 Q260,100 280,60 Q300,20 320,60 Q340,100 360,60 Q380,20 400,60")}70%{d:path("M0,60 Q20,20 40,60 Q60,100 80,60 Q100,20 120,60 Q140,100 160,60 Q180,20 200,60 Q220,100 240,60 Q260,20 280,60 Q300,100 320,60 Q340,20 360,60 Q380,100 400,60")}85%{d:path("M0,60 Q20,60 40,60 Q60,60 80,60 Q100,60 120,60 Q140,60 160,60 Q180,60 200,60 Q220,60 240,60 Q260,60 280,60 Q300,60 320,60 Q340,60 360,60 Q380,60 400,60")}}.media-downloader{text-align:center;padding:80px 20px;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.downloader-title{font-size:36px;font-weight:700;color:#ec4899;margin-bottom:24px}.downloader-description{color:#e5e7eb;font-size:16px;line-height:1.6;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.platform-showcase{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:40px 0}.platform-item{background:#ffffff1a;padding:12px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:500}.final-cta{display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;text-align:center;padding:100px 20px;height:100vh}.cta-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(90deg,#fff,#a1a1a1 50%,#fff 80%);background-size:100% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.rainbow-border-wrapper{display:inline-block;padding:2px;border-radius:12px;background:linear-gradient(90deg,red,orange,#ff0,#0f0,#0ff,#00f,violet,red);background-size:300% 300%}@keyframes animate-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-invite-final{display:inline-block;background:linear-gradient(90deg,#131313,#000,#131313);color:#fff;padding:16px 32px;font-weight:600;font-size:16px;border:none;border-radius:10px;cursor:pointer;text-decoration:none;position:relative;z-index:1}.btn-invite-final:hover{background:linear-gradient(90deg,#131313 0% 50%,#131313)}@keyframes rainbowShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.white-light1{position:absolute;top:78%;right:-40%;width:2000px;height:2000px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 50%);filter:blur(160px);pointer-events:none;z-index:0;opacity:.05}.white-light2{position:absolute;top:78%;left:-40%;width:2000px;height:2000px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 50%);filter:blur(160px);pointer-events:none;z-index:0;opacity:.05}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.hero{opacity:0}.hero.visible{opacity:1;transform:translateY(0);transition:opacity 1.2s ease,transform 1.2s ease}.hero-lights{opacity:0;transition:opacity 1.5s ease}.hero-lights.visible{opacity:1}.section-lights{opacity:0;transition:opacity .8s ease}.section-lights.visible{opacity:1}.media-downloader{max-width:1000px;margin:0 auto}.downloader-title{font-family:Montserrat,system-ui,sans-serif;letter-spacing:.3px;text-shadow:0 6px 28px rgba(236,72,153,.35)}.media-tabs{display:inline-flex;gap:10px;padding:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:12px 0 18px}.media-tab{padding:10px 16px;border-radius:999px;border:0;cursor:pointer;font-weight:600;color:#d1d5db;background:transparent;transition:transform .15s ease,background .2s ease,color .2s ease}.media-tab:hover{transform:translateY(-1px);color:#fff}.media-tab.active{color:#fff;background:linear-gradient(90deg,#0051ff,#88aeff);box-shadow:0 0 18px #0051ff59}.media-input-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;max-width:700px;width:100%;margin-left:auto;margin-right:auto}.audio-input-media{flex:1;min-width:0;padding:16px 24px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:16px;outline:none;margin-bottom:0}.audio-input-media::-moz-placeholder{color:#9ca3af}.audio-input-media::placeholder{color:#9ca3af}.audio-input-media:focus{border-color:#ec4899}.btn-generate-media{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:56px;padding:0 32px;background:#ec4899;color:#fff;border:0;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s}.btn-generate-media:hover{background:#db2777}.media-preview-aspect{width:100%;aspect-ratio:16 / 9;position:relative;min-height:300px}.media-preview-aspect.audio-mode{aspect-ratio:unset;height:120px;min-height:120px}.media-preview-content{position:absolute;inset:0;border-radius:16px;overflow:hidden}.media-preview-content.generating{display:flex;align-items:center;justify-content:center;background:#1a1a2e;color:#9ca3af;font-size:16px;text-align:center}.media-preview-content.has-video{display:block;background:transparent}.media-preview-content.has-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:16px}@media (max-width: 640px){.media-input-row{flex-direction:column;gap:16px}.audio-input-media{width:100%}.btn-generate-media{width:100%;max-width:300px}}.guide{max-width:1100px;margin:120px auto 80px;padding:0 20px}.guide.visible{opacity:1;transform:translateY(0);transition:opacity 1.2s ease,transform 1.2s ease}.guide-header{text-align:center;margin:10px 0 40px}.guide-section{margin:46px 0 26px}.guide-title{font-size:28px;font-weight:800;margin-bottom:8px}.guide-title.green{color:#22c55e}.guide-title.purple{color:#a855f7}.guide-title.yellow{color:#fbbf24}.guide-title.pink{color:#ec4899}.guide-title.blue{color:#60a5fa}.guide-blurb{color:#d1d5db;margin-bottom:18px}.guide-cmds{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.guide-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px}.guide-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#0051ff14;border:1px solid rgba(0,81,255,.25);margin-bottom:8px;font-weight:700}.guide-desc{color:#e5e7eb;line-height:1.45}.guide-subtitle{font-weight:800;margin:14px 0 8px}.guide-list{margin-left:18px;color:#d1d5db;line-height:1.6}.guide-list li{margin:4px 0}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:10px}.guide-extra{margin-top:12px}.guide-footer{display:flex;justify-content:center;margin-top:40px;text-decoration:none}@media (max-width: 728px){.hero-lights,.background-lights,.section-lights,.blue-light-left,.blue-light-right,.light-purple,.light-purple2,.light-green,.light-green2,.light-yellow,.light-yellow2,.light-pink,.light-pink2,.rainbow-light1,.rainbow-light2,.white-light1,.white-light2{display:none!important}.profile-circle{height:40%;width:40%}.hero{margin-top:100px;height:auto}.hero-title{font-size:35px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{font-size:15px;text-decoration:none}.server-stats{font-size:20px}.audio-title{font-size:30px}.audio-description{font-size:15px}.audio-input-container{padding-right:0}.header{flex-direction:column;align-items:flex-start}.demo-section{flex-direction:column;text-align:center;min-height:100vh;margin-bottom:100px}.video-container{width:400px}.audio-section{min-height:100vh;padding-top:80px;padding-bottom:80px;margin-bottom:150px}.audio-demo{flex-direction:column}.video-container{min-width:400px}.how-it-works{min-height:80vh;padding-top:80px;padding-bottom:80px;margin-bottom:100px}.media-downloader{height:50vh}.final-cta{height:10vh}.nav-buttons{z-index:999;box-shadow:0 10px 20px #0000004d;border-top:1px solid rgba(255,255,255,.1)}}@media (max-width: 400px){.demo-section{margin-bottom:300px}.audio-section{margin-bottom:500px}.how-it-works{margin-bottom:200px}}