@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0a0a1f,#1a0a2e 50%,#16003b);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-left:1px solid #ffffff1a}::-webkit-scrollbar-thumb{border:2px solid #0a0a1f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#f093fb)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 40px #667eeacc}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text}.animated-gradient{animation:gradientFlow 8s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 100%}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #667eea;outline-offset:2px}a{color:inherit;text-decoration:none;transition:all .3s ease}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a1fcc;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:1rem}.navbar-logo a{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:2px;margin-left:5px;text-transform:uppercase}.navbar-logo a:hover{filter:brightness(1.2)}.navbar-links{display:flex;gap:1rem;list-style:none}.navbar-links li{margin:0}.navbar-links a{border-radius:8px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-links a:hover{background:#667eea33;transform:translateY(-2px)}.section{color:#fff;padding:100px 20px;position:relative;text-align:center}.section:before{bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}#home{background:#667eea1a}#about{background:#764ba21a}#features{background:#0a0a1f80}#pricing{background:#1a0a2e80}#contact{background:#667eea1a}.section h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin-bottom:30px}.section p,.section ul{color:#fffc;font-size:1.2em;line-height:1.8}.section ul{list-style-type:none;padding:0}.section ul li{background:#ffffff0d;border-radius:12px;margin:15px 0;padding:15px;transition:all .3s ease}.section ul li:hover{background:#ffffff14;transform:translateX(10px)}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem}.navbar-links{flex-direction:column;text-align:center;width:100%}.navbar-links a{display:block;width:100%}.section{padding:60px 15px}.section h2{font-size:2em}.section p,.section ul{font-size:1em}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.navbar{display:none}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--blue-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--purple-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--dark-bg:#0a0a1f;--card-bg:#ffffff0d;--glass-bg:#ffffff1a;--glow-color:#667eea80}*{box-sizing:border-box}.App{background:linear-gradient(180deg,#0a0a1f,#1a0a2e 50%,#16003b);font-family:Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.App:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 20%,#f093fb14 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes backgroundShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,5%) scale(1.05)}50%{transform:translate(-5%,5%) scale(.95)}75%{transform:translate(5%,-5%) scale(1.05)}}.App-header{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;font-size:calc(5px + 5vmin);justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:1}.Header-text,.error{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:50px;text-shadow:0 0 30px #667eea4d}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}}.error{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);-webkit-background-clip:text;background-clip:text}.App-logo{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea33,#764ba233);border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #667eea4d,inset 0 0 20px #ffffff1a;cursor:pointer;height:180px;margin-bottom:60px;margin-top:20px;padding:40px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:180px}.App-logo:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:3px;position:absolute;transition:opacity .3s ease}.App-logo:hover:before{opacity:1}.App-logo:hover{box-shadow:0 12px 48px #667eea80,0 0 60px #764ba266,inset 0 0 30px #fff3;transform:scale(1.15) rotate(5deg)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-20px) rotate(-2deg)}75%{transform:translateY(-10px) rotate(2deg)}}.progress-bar{height:20px;margin:0 50px;width:50%}.Description{-webkit-text-fill-color:#0000;animation:gradientFlow 8s ease infinite;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;font-size:1.8rem;font-weight:600;margin-top:100px;opacity:.9;text-shadow:0 0 40px #667eea66;visibility:visible}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.Description.hidden{opacity:0;visibility:hidden}.button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:16px;font-weight:600;line-height:30px;margin-top:20px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.button:hover:before{height:300px;width:300px}.button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-3px) scale(1.05)}.button:active{transform:translateY(-1px) scale(1.02)}.button-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.input-container{align-items:stretch;display:flex;gap:10px;margin:20px auto;max-width:600px;width:100%}.youtube-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #667eea4d;border-radius:12px;color:#fff;flex:1 1;font-family:Inter,sans-serif;font-size:16px;padding:14px 20px;transition:all .3s ease}.youtube-input::placeholder{color:#ffffff80}.youtube-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 20px #667eea66;outline:none}.youtube-button{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;box-shadow:0 4px 15px #f5576c66;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.youtube-button:hover{box-shadow:0 8px 25px #f5576c99;transform:translateY(-3px)}.audio-player{border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-bottom:20px;margin-top:20px;overflow:hidden}.or-text{color:#ffffffb3;font-size:1.4rem;font-weight:500;margin:30px 20px;opacity:.87;text-shadow:0 0 10px #667eea4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animated{animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{animation:typewriter 3s steps(50);animation:typewriter 3s steps(50),blink .75s step-end infinite;border-right:3px solid #667eeacc;display:inline-block;overflow:hidden;white-space:nowrap}@keyframes blink{0%,to{border-color:#0000}50%{border-color:#667eeacc}}@keyframes pulseRotateAnimation{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.pulseRotate{animation:pulseRotateAnimation 3s cubic-bezier(.175,.885,.32,1.275) infinite}.modal{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a0a1fe6;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0006;margin:10% auto;max-width:450px;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close{color:#ffffffb3;float:right;font-size:32px;font-weight:700;transition:all .3s ease}.close:focus,.close:hover{color:#fff;cursor:pointer;transform:rotate(90deg)}button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin:10px 0;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-3px)}.hidden{display:none}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{background:#ffffff14;border-color:#667eea80;box-shadow:0 15px 40px #667eea4d;transform:translateY(-10px)}@media (min-width:481px){.App-logo{height:200px;width:200px}.input-container{padding:0 20px;width:90%}.youtube-input{margin-right:15px}.youtube-button{min-width:120px}}@media (min-width:769px){.App-header{font-size:calc(10px + 1vmin)}.input-container{max-width:600px;width:80%}.Header-text,.error{font-size:2.5rem}.Description{font-size:2rem}}@media (min-width:1024px){.input-container{width:70%}.App-logo{height:220px;width:220px}}@media (max-width:480px){.App-logo{height:140px;padding:30px;width:140px}.Header-text,.error{font-size:1.5rem}.Description{font-size:1.2rem}.input-container{flex-direction:column}.youtube-input{margin-bottom:10px;margin-right:0}.youtube-button{width:100%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0a1f}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}
/*# sourceMappingURL=main.cf2f2648.css.map*/