:root{--bg:#0a0e1a;--bg-light:#111827;--accent:#3b82f6;--accent-secondary:#6366f1;--accent-glow:#3b82f659;--text:#e2e8f0;--text-dim:#64748b;--card-bg:#ffffff0a;--card-border:#ffffff14;--success:#10b981;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e1a;background:var(--bg);color:#e2e8f0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app,body{min-height:100vh}.app{align-items:center;background:radial-gradient(ellipse 600px 400px at 50% 20%,#3b82f612 0,#0000 70%),radial-gradient(ellipse 400px 300px at 50% 20%,#6366f10d 0,#0000 70%);display:flex;flex-direction:column;padding:3rem 1.5rem 0;position:relative}.app>.mic-area{margin-top:20vh}.brand{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.logo-icon{flex-shrink:0;height:clamp(32px,5vw,42px);width:clamp(32px,5vw,42px)}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:700;letter-spacing:-.03em;text-align:center}.subtitle{color:#64748b;color:var(--text-dim);font-size:clamp(.9rem,2vw,1.05rem);font-weight:400;margin-bottom:3.5rem;text-align:center}.mic-area{align-items:center;display:flex;height:160px;justify-content:center;margin-bottom:1.5rem;position:relative;width:160px}.mic-glow{background:radial-gradient(circle,#3b82f659 0,#0000 70%);background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);border-radius:50%;filter:blur(20px);height:120px;opacity:.5;position:absolute;transition:opacity .4s,transform .4s;width:120px}.mic-area.listening .mic-glow{opacity:1;transform:scale(1.4)}.mic-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border:none;border-radius:50%;box-shadow:0 0 30px #3b82f659,0 4px 20px #0000004d;box-shadow:0 0 30px var(--accent-glow),0 4px 20px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:2.2rem;height:100px;justify-content:center;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:100px;z-index:2}.mic-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:32px;width:32px}.mic-btn:hover:not(:disabled){box-shadow:0 0 50px #3b82f659,0 4px 30px #0006;box-shadow:0 0 50px var(--accent-glow),0 4px 30px #0006;transform:scale(1.08)}.mic-btn:active:not(:disabled){transform:scale(.97)}.mic-btn.listening{animation:btn-pulse 2s ease-in-out infinite}@keyframes btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ring{border:1.5px solid #3b82f6;border:1.5px solid var(--accent);border-radius:50%;height:100px;opacity:0;pointer-events:none;position:absolute;width:100px}.listening .ring{animation:ring-expand 2.4s ease-out infinite}.ring:first-child{animation-delay:0s}.ring:nth-child(2){animation-delay:.8s}.ring:nth-child(3){animation-delay:1.6s}@keyframes ring-expand{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.waveform{align-items:center;display:flex;gap:3px;height:24px;justify-content:center;margin-bottom:1rem}.waveform-bar{animation:wave 1.2s ease-in-out infinite;background:#3b82f6;background:var(--accent);border-radius:2px;width:3px}.waveform-bar:first-child{animation-delay:0s;height:8px}.waveform-bar:nth-child(2){animation-delay:.1s;height:16px}.waveform-bar:nth-child(3){animation-delay:.2s;height:24px}.waveform-bar:nth-child(4){animation-delay:.3s;height:18px}.waveform-bar:nth-child(5){animation-delay:.4s;height:12px}.waveform-bar:nth-child(6){animation-delay:.5s;height:20px}.waveform-bar:nth-child(7){animation-delay:.6s;height:10px}@keyframes wave{0%,to{opacity:.5;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.mic-hint{color:#64748b;color:var(--text-dim);font-size:.9rem;font-weight:500;margin-bottom:1.5rem;min-height:1.4em;text-align:center}.actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:999px;color:#e2e8f0;color:var(--text);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:.4rem;padding:.65rem 1.5rem;transition:all .2s ease}.btn svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.btn:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-1px)}.btn-danger{border-color:#ef444440;color:#fca5a5}.btn-danger:hover{background:#ef44441f}.result-card{animation:card-enter .45s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border-left:3px solid #3b82f6;border:1px solid var(--card-border);border-left:3px solid var(--accent);border-radius:1rem;margin-bottom:1rem;max-width:440px;padding:1.5rem 2rem;width:90%}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.6rem}.result-icon{stroke:#64748b;stroke:var(--text-dim);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;height:16px;width:16px}.result-label{color:#64748b;color:var(--text-dim);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.result-language{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:-.02em}.result-transcript{color:#e2e8f0;color:var(--text);font-size:.95rem;line-height:1.7}.result-card.transcript-card{border-left-color:#10b981;border-left-color:var(--success)}.error-msg{animation:card-enter .3s ease-out;color:#ef4444;color:var(--danger);font-size:.9rem;margin-bottom:1rem;text-align:center}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827;background:var(--bg-light);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:.75rem;box-shadow:0 8px 30px #00000080;color:#e2e8f0;color:var(--text);font-size:.88rem;font-weight:500;left:1.5rem;margin-left:auto;max-width:360px;padding:.8rem 1.2rem;position:fixed;right:1.5rem;top:1.5rem;transform:translateX(120%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1000}.toast.show{transform:translateX(0)}.toast.success{border-left:3px solid #10b981;border-left:3px solid var(--success)}.toast.error{border-left:3px solid #ef4444;border-left:3px solid var(--danger)}.seo-section{max-width:800px;padding:4rem 1.5rem;text-align:center;width:100%}.seo-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-subtitle{color:#64748b;color:var(--text-dim);font-size:.95rem;margin-bottom:2.5rem}.section-link{color:#3b82f6;color:var(--accent);display:inline-block;font-size:.9rem;font-weight:500;margin-top:1.5rem;text-decoration:none;transition:opacity .2s}.section-link:hover{opacity:.8}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.step-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:1rem;padding:2rem 1.5rem;transition:border-color .25s}.step-card:hover{border-color:#ffffff26}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:50%;color:#fff;display:flex;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;height:36px;justify-content:center;margin:0 auto 1rem;width:36px}.step-card h3{color:#e2e8f0;color:var(--text);font-size:1rem;font-weight:600;margin-bottom:.5rem}.step-card p{color:#64748b;color:var(--text-dim);font-size:.88rem;line-height:1.6}.lang-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.lang-chip{background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:999px;color:#64748b;color:var(--text-dim);font-size:.8rem;font-weight:500;padding:.4rem .9rem;transition:all .2s}.lang-chip:hover{border-color:#ffffff2e;color:#e2e8f0;color:var(--text)}.lang-chip-more{background:linear-gradient(135deg,#3b82f61f,#6366f11f);border-color:#3b82f640;color:#3b82f6;color:var(--accent);cursor:pointer;text-decoration:none}.lang-chip-more:hover{background:linear-gradient(135deg,#3b82f633,#6366f133);color:#93c5fd}.faq-list{margin:0 auto;max-width:640px;text-align:left}.faq-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;transition:border-color .25s}.faq-item:hover{border-color:#ffffff26}.faq-item summary{align-items:center;color:#e2e8f0;color:var(--text);cursor:pointer;display:flex;font-size:.92rem;font-weight:600;gap:.75rem;list-style:none;padding:1.1rem 1.4rem}.faq-item summary:before{color:#3b82f6;color:var(--accent);content:"+";flex-shrink:0;font-size:1.1rem;font-weight:700;transition:transform .2s}.faq-item[open] summary:before{content:"−"}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:#64748b;color:var(--text-dim);font-size:.88rem;line-height:1.7;padding:0 1.4rem 1.2rem 3rem}.faq-item a{color:#3b82f6;color:var(--accent);text-decoration:none}.faq-item a:hover{text-decoration:underline}.languages-intro{color:#64748b;color:var(--text-dim);font-size:1rem;line-height:1.7;margin-bottom:2.5rem}.languages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:3rem}.language-card{background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:.75rem;padding:1.2rem;transition:border-color .25s,transform .2s}.language-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.language-name{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;margin-bottom:.3rem}.language-meta{color:#3b82f6;color:var(--accent);font-size:.8rem;margin-bottom:.2rem}.language-speakers{color:#64748b;color:var(--text-dim);font-size:.78rem}.footer{background:linear-gradient(#0000,#0a0e1acc 50%);margin-top:auto;padding:2rem 0;width:100%}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-inner a{color:#64748b;color:var(--text-dim);font-size:.78rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color .2s}.footer-inner a:hover{color:#e2e8f0;color:var(--text)}.page-container{margin:0 auto;max-width:700px;min-height:100vh;padding:3rem 1rem 6rem}.page-container h1{font-family:Space Grotesk,sans-serif;font-size:2rem;margin-bottom:1.5rem}.content-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:1rem;padding:2rem}.content-card section{background:#ffffff08;border-radius:.5rem;margin-bottom:2rem;padding:1.2rem}.content-card h2{color:#64748b;color:var(--text-dim);font-size:1rem;margin-bottom:1rem}.content-card h3{color:#3b82f6;color:var(--accent);font-size:1.2rem;margin-bottom:.75rem}.content-card ul{margin:1rem 0;padding-left:1.5rem}.content-card li{line-height:1.6;margin-bottom:.75rem}.back-button{align-items:center;color:#64748b;color:var(--text-dim);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:color .2s}.back-button:hover{color:#e2e8f0;color:var(--text)}.contact-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-item{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem}.contact-item h4{color:#3b82f6;color:var(--accent);margin-bottom:.75rem}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{align-items:center;color:#e2e8f0;color:var(--text);display:flex;font-size:.95rem;gap:.6rem;text-decoration:none;transition:color .2s}.social-link:hover{color:#3b82f6;color:var(--accent)}.social-link i{text-align:center;width:20px}@media (max-width:768px){.app{padding:2rem 1rem 0}.app>.mic-area{margin-top:12vh}.subtitle{margin-bottom:2.5rem}.footer-inner{gap:1.2rem}.seo-section{padding:3rem 1rem}.steps-grid{grid-template-columns:1fr}.languages-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.mic-btn{height:84px;width:84px}.mic-btn svg{height:28px;width:28px}.ring{height:84px;width:84px}.mic-glow{height:100px;width:100px}.result-card{padding:1.2rem 1.4rem}.result-language{font-size:1.4rem}.toast{left:1rem;max-width:none;right:1rem}.faq-item summary{font-size:.85rem;padding:1rem}.faq-item p{padding:0 1rem 1rem 2.2rem}}
/*# sourceMappingURL=main.9a76a961.css.map*/