:root{--primary-color:#4285f4;--primary-hover:#357ae8;--text-color:#333;--overlay-color:#00000080;--bg-color:#f7f7f7}*{box-sizing:border-box;margin:0;padding:0}.page-wrapper{align-items:center;background:url(/static/media/background.178943a0de2c31cac07d.jpg) no-repeat 50%/cover;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;position:relative}.overlay{background:#00000080;background:var(--overlay-color);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.form-container{background:#fffffff2;border-radius:8px;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%;z-index:1}.form-title{font-size:2rem;margin-bottom:.5rem}.form-subtitle,.form-title{color:#333;color:var(--text-color)}.form-subtitle{font-size:1rem;margin-bottom:1.5rem}.error-message{color:red;font-size:.9rem;margin-bottom:1rem}.form-content{display:flex;flex-direction:column;gap:1rem}.form-group{text-align:left}.form-group label{color:#333;color:var(--text-color);display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4285f4;border-color:var(--primary-color);outline:none}.form-options{font-size:.9rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.3rem}.forgot a{color:#4285f4;color:var(--primary-color);text-decoration:none}.forgot a:hover{text-decoration:underline}.submit-btn{background-color:#4285f4;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:#357ae8;background-color:var(--primary-hover)}.switch-link{color:#333;color:var(--text-color);font-size:.9rem;margin-top:1rem}.switch-link a{color:#4285f4;color:var(--primary-color);text-decoration:none}.switch-link a:hover{text-decoration:underline}:root{--text-xs:clamp(0.75rem,2vw,0.8rem);--text-sm:clamp(0.875rem,2.5vw,1rem);--text-base:clamp(1rem,3vw,1.125rem);--text-lg:clamp(1.125rem,3.5vw,1.25rem);--text-xl:clamp(1.25rem,4vw,1.5rem);--text-2xl:clamp(1.5rem,5vw,1.875rem);--text-3xl:clamp(1.875rem,6vw,2.25rem);--text-4xl:clamp(2.25rem,7vw,3rem);--color-primary:67,97,238;--color-primary-dark:58,86,212;--color-secondary:114,9,183;--color-accent:247,37,133;--color-dark:26,26,46;--color-light:248,249,250;--color-gray:108,117,125;--gradient-primary:linear-gradient(135deg,rgba(var(--color-primary),1) 0%,rgba(var(--color-secondary),1) 100%);--gradient-accent:linear-gradient(to right,rgba(var(--color-accent),1),#f725b4);--shadow-sm:0 1px 2px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms ease-out;--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{-webkit-font-smoothing:antialiased;background-color:#fff;color:#1a1a2e;color:rgba(var(--color-dark),1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4{font-weight:800;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-sm)}h1{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2.25rem,7vw,3rem);font-size:var(--text-4xl);letter-spacing:-.025em;margin-bottom:1.5rem;margin-bottom:var(--space-md)}h2{display:inline-block;font-size:clamp(1.875rem,6vw,2.25rem);font-size:var(--text-3xl);margin-bottom:2rem;margin-bottom:var(--space-lg);position:relative}h2:after{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary);border-radius:.375rem;border-radius:var(--radius-sm);bottom:-.5rem;content:"";height:.25rem;left:0;position:absolute;width:100%}p{color:#1a1a2ed9;color:rgba(var(--color-dark),.85);font-size:clamp(1rem,3vw,1.125rem);font-size:var(--text-base);line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.container{margin:0 auto;max-width:1200px;padding-inline:1.5rem;padding-inline:var(--space-md);width:100%}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffffa;border-bottom:1px solid #4361ee1a;border-bottom:1px solid rgba(var(--color-primary),.1);box-shadow:0 1px 2px #0000000a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);left:0;padding:1rem 0;padding:var(--space-sm) 0;position:fixed;right:0;top:0;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);z-index:1000}.navbar.scrolled{box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);padding:.25rem 0;padding:var(--space-3xs) 0}.navbar .container{justify-content:space-between}.nav-brand,.navbar .container{align-items:center;display:flex}.nav-brand{color:#4361ee;color:rgba(var(--color-primary),1);font-size:clamp(1.125rem,3.5vw,1.25rem);font-size:var(--text-lg);font-weight:700;gap:.75rem;gap:var(--space-xs);text-decoration:none;transition:.15s ease-out;transition:var(--transition-fast)}.nav-brand:hover{opacity:.9;transform:translateY(-1px)}.nav-brand img{height:2rem;transition:.15s ease-out;transition:var(--transition-fast);width:auto}.nav-actions{align-items:center;display:flex;gap:.75rem;gap:var(--space-xs)}.navbar-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:1.25rem;justify-content:space-between;position:relative;width:1.75rem;z-index:1001}.navbar-toggle span{background:#4361ee;background:rgba(var(--color-primary),1);border-radius:2px;display:block;height:2px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.navbar-toggle.active span:first-child{transform:translateY(.5rem) rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}.btn{--btn-height:3rem;border:none;border-radius:.5rem;font-size:clamp(1rem,3vw,1.125rem);font-size:var(--text-base);gap:.75rem;gap:var(--space-xs);height:var(--btn-height);isolation:isolate;overflow:hidden;padding:0 1.5rem;padding:0 var(--space-md);position:relative;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.btn:before{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary);border-radius:inherit;inset:0;z-index:-2}.btn:after,.btn:before{content:"";position:absolute}.btn:after{background:#fff;border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius-md) - 2px);inset:2px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);z-index:-1}.btn-primary:after{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary)}.btn-primary:hover:after{opacity:.9;transform:scale(1.05)}.btn-outline{color:rgba(var(--color-primary),1)}.btn-outline:after{background:#fff}.btn-outline:hover:after{background:#4361ee;background:rgba(var(--color-primary),1)}.btn:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);margin-top:2rem;margin-top:var(--space-lg)}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:7rem 0 5rem;position:relative}.hero:before{animation:float 12s ease-in-out infinite;background:radial-gradient(circle at center,#4361ee14 0,#0000 70%);background:radial-gradient(circle at center,rgba(var(--color-primary),.08) 0,#0000 70%);content:"";height:200%;position:absolute;right:-30%;top:-50%;width:100%;z-index:-1}.hero-content{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .3s forwards;animation:fadeInUp .8s var(--transition-normal) forwards;animation-delay:.2s;flex:1 1;max-width:36rem;opacity:0}.hero-image{flex:1 1;perspective:1000px;position:relative}.hero-image img{animation:fadeIn 1s cubic-bezier(.4,0,.2,1) .3s forwards;animation:fadeIn 1s var(--transition-normal) forwards;animation-delay:.4s;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-xl);opacity:0;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.hero-image:hover img{transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.features{background:linear-gradient(180deg,#f8f9fa,#f8f9fab3);background:linear-gradient(to bottom,rgba(var(--color-light),1),rgba(var(--color-light),.7));padding:4rem 0;padding:var(--space-2xl) 0;position:relative}.features:before{background:linear-gradient(180deg,#fff,#fff0);content:"";height:100px;left:0;opacity:.05;position:absolute;right:0;top:0;z-index:1}.features-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin-top:3rem;margin-top:var(--space-xl)}.feature-card{background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--space-lg);position:relative;z-index:1}.feature-card,.feature-card:before{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.feature-card:before{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary);content:"";height:0;left:0;position:absolute;top:0;width:4px;z-index:-1}.feature-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-card:hover:before{height:100%;opacity:.1;width:100%}.feature-card h3{align-items:center;color:#4361ee;color:rgba(var(--color-primary),1);display:flex;gap:.75rem;gap:var(--space-xs)}.feature-card h3:before{background:#4361ee;background:rgba(var(--color-primary),1);content:"";height:1.5rem;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") no-repeat center;width:1.5rem}.footer{background:#1a1a2e;background:rgba(var(--color-dark),1);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);color:#fff;padding:4rem 0 3rem;padding:var(--space-2xl) 0 var(--space-xl);position:relative}.footer:before{background:linear-gradient(135deg,#4361ee,#7209b7);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:3rem;grid-gap:var(--space-xl);display:grid;gap:3rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.footer-logo{filter:brightness(0) invert(1);height:2.5rem;transition:.15s ease-out;transition:var(--transition-fast)}.footer-logo:hover{transform:rotate(-5deg) scale(1.05)}.footer-text{color:#ffffffb3;margin:1rem 0;margin:var(--space-sm) 0;max-width:24rem}.footer-links{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-xs)}.footer-link{color:#fffc;display:inline-block;position:relative;text-decoration:none;transition:.15s ease-out;transition:var(--transition-fast)}.footer-link:after{background:#f72585;background:rgba(var(--color-accent),1);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:0}.footer-link:hover{color:#fff}.footer-link:hover:after{width:100%}.social-links{display:flex;gap:1rem;gap:var(--space-sm);margin-top:1.5rem;margin-top:var(--space-md)}.social-link{--size:2.5rem;align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:var(--size);justify-content:center;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:var(--size)}.social-link:hover{background:#f72585;background:rgba(var(--color-accent),1);box-shadow:0 5px 15px #f725854d;box-shadow:0 5px 15px rgba(var(--color-accent),.3);transform:translateY(-3px) rotate(5deg)}.social-link svg{stroke-width:1.5;height:60%;width:60%}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:clamp(.875rem,2.5vw,1rem);font-size:var(--text-sm);margin-top:3rem;margin-top:var(--space-xl);padding-top:2rem;padding-top:var(--space-lg);text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@media (max-width:768px){.navbar-toggle{display:flex}.nav-actions{animation:fadeInDown .3s ease-out;background:#fff;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-xl);display:none;flex-direction:column;padding:1.5rem;padding:var(--space-md);position:fixed;right:1.5rem;right:var(--space-md);top:5rem;width:min(90vw,300px)}.navbar.active .nav-actions{display:flex}.hero{flex-direction:column;padding:6rem 0 3rem;text-align:center}.hero-content{margin-bottom:3rem;margin-bottom:var(--space-xl)}.hero-image img{margin:0 auto;max-width:90%}.cta-buttons{justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-text{margin:1rem auto;margin:var(--space-sm) auto}.footer-links{align-items:center}.social-links{justify-content:center}}@media (max-width:480px){h1{font-size:clamp(1.875rem,6vw,2.25rem);font-size:var(--text-3xl)}h2{font-size:clamp(1.5rem,5vw,1.875rem);font-size:var(--text-2xl)}.cta-buttons{flex-direction:column}.btn{width:100%}.feature-card{padding:1.5rem;padding:var(--space-md)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.terms-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d;color:#2d3748;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:2rem auto;max-width:768px;padding:2rem}.terms-container h1{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.terms-container h2{color:#2c5282;font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-top:1.5rem}.terms-container p{margin-bottom:1rem}.terms-container ul{color:#4a5568;list-style-type:disc;margin-bottom:1rem;margin-left:1.5rem}.terms-container ul li{margin-bottom:.5rem}.terms-container a{color:#3182ce;text-decoration:underline}.terms-container a:hover{color:#2c5282}.terms-container strong{font-weight:600}:root{--primary:#4361ee;--primary-dark:#3a56d4;--secondary:#3f37c9;--accent:#4895ef;--dark:#1a1a2e;--light:#f8f9fa;--gray:#6c757d;--light-gray:#e9ecef;--danger:#f72585;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition:all 0.3s ease}.upload-container{margin:2rem auto;max-width:800px;padding:2rem;text-align:center}.upload-header{margin-bottom:2rem}.upload-header h1{color:#1a1a2e;color:var(--dark);font-size:2.5rem;margin-bottom:.5rem}.upload-header p{color:#6c757d;color:var(--gray);font-size:1.1rem}.upload-area{background-color:#4361ee0d;border:2px dashed #4361ee;border:2px dashed var(--primary);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;padding:3rem 2rem;transition:all .3s ease;transition:var(--transition)}.upload-area:hover{background-color:#4361ee1a}.upload-area.drag-over{background-color:#4361ee33;border-color:#4895ef;border-color:var(--accent)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-content i{color:#4361ee;color:var(--primary);font-size:3rem}.upload-content h3{color:#1a1a2e;color:var(--dark);font-size:1.5rem}.supported-formats,.upload-content p{color:#6c757d;color:var(--gray)}.supported-formats{font-size:.9rem;margin-top:1rem}.upload-progress{margin:2rem 0}.progress-bar-container{background-color:#e9ecef;background-color:var(--light-gray);border-radius:var(--radius-full);height:10px;margin:1.5rem 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#4361ee,#4895ef);background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.upload-error{color:#f72585;color:var(--danger);margin:2rem 0}.upload-error i{font-size:2rem;margin-bottom:1rem}.upload-result{margin-top:2rem}.upload-result h3{color:#1a1a2e;color:var(--dark);font-size:1.5rem;margin-bottom:1.5rem}.audio-player{margin:2rem 0;width:100%}.audio-player audio{width:100%}.result-actions{display:flex;gap:1rem;margin-top:2rem}.btn,.result-actions{justify-content:center}.btn{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#4361ee;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#3a56d4;background-color:var(--primary-dark);transform:translateY(-2px)}.btn-outline{background-color:initial;border-color:#4361ee;border-color:var(--primary);color:#4361ee;color:var(--primary)}.btn-outline:hover{background-color:#4361ee;background-color:var(--primary);color:#fff}.wave-container{align-items:center;display:flex;height:60px;justify-content:center;margin:1rem 0}.wave{display:flex;height:40px;justify-content:space-between;width:60px}.wave-bar{animation:wave 1.2s ease-in-out infinite;background-color:#4361ee;background-color:var(--primary);border-radius:3px;height:100%;width:6px}.wave-bar:first-child{animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (max-width:768px){.upload-container{padding:1rem}.upload-header h1{font-size:2rem}.result-actions{flex-direction:column}}
/*# sourceMappingURL=main.16acc8f6.css.map*/