:root{--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-main:#0b0a16;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-glow:#8b5cf64d;--primary-light:#c084fc;--secondary:#ec4899;--secondary-glow:#ec489933;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff12;--border-hover:#8b5cf64d;--border-focus:#a78bfa;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--navbar-height:72px;--max-width:1200px;--border-radius:12px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.bg-glow-wrapper{z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-glow-purple{filter:blur(80px);background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:60vw;height:60vh;position:absolute;top:-10%;right:-10%}.bg-glow-pink{filter:blur(80px);background:radial-gradient(circle,#ec489914 0%,#0000 70%);width:50vw;height:50vh;position:absolute;bottom:-10%;left:-10%}.bg-grid-overlay{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.btn{font-family:var(--font-body);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow);border:none}.btn-primary:hover{background:linear-gradient(135deg,#9b6ef7 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#8b5cf60d;transform:translateY(-2px)}.btn-text{color:var(--text-secondary);background:0 0;border:none;padding:8px 16px}.btn-text:hover{color:var(--text-primary)}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);background:#ffffff05;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--border-focus);background:#ffffff0a;outline:none;box-shadow:0 0 0 4px #8b5cf626}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);padding:24px}.glass-card-hover:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf614}.navbar-brand{font-family:var(--font-heading);background:linear-gradient(135deg, #fff 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:var(--primary-light);background:#8b5cf626;border:1px solid #8b5cf64d}.badge-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.badge-pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:var(--error);background:#ef44441a;border:1px solid #ef444433}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:var(--transition);padding:16px;font-size:.9rem}.custom-table tbody tr{transition:var(--transition)}.custom-table tbody tr:hover{background:#ffffff04}.tab-list{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:24px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:12px 18px;font-size:.95rem;font-weight:500;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";background-color:var(--primary);width:100%;height:2px;box-shadow:0 0 10px var(--primary);position:absolute;bottom:-1px;left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.circle-progress-wrapper{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.circle-progress-svg{transform:rotate(-90deg)}.hero-glow-title{background:linear-gradient(90deg,#fff,#d8b4fe,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:4rem;font-weight:800;line-height:1.1}@media (width<=768px){.hero-glow-title{font-size:2.5rem}}.footer-brand-col-responsive{grid-column:span 2}@media (width<=768px){.footer-brand-col-responsive{grid-column:span 1!important}}.footer-link-hover{transition:var(--transition)}.footer-link-hover:hover{color:var(--text-primary)!important}@media (width>=769px){.nav-links-desktop,.auth-section-desktop{display:flex!important}.mobile-menu-toggle-responsive{display:none!important}}@media (width<=768px){.nav-links-desktop,.auth-section-desktop{display:none!important}.mobile-menu-toggle-responsive{display:block!important}}.voice-hub-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;display:grid}@media (width<=600px){.voice-hub-grid{grid-template-columns:1fr!important}}.status-sub-form{gap:10px;width:100%;max-width:400px;display:flex}@media (width<=600px){.status-sub-form{max-width:100%!important}}.contact-grid-row{grid-template-columns:1fr 1.2fr;gap:40px;margin:40px 0 60px;display:grid}@media (width<=900px){.contact-grid-row{grid-template-columns:1fr!important}}.about-mission-grid-row{grid-template-columns:1fr 1fr;gap:30px;margin:40px 0;display:grid}@media (width<=768px){.about-mission-grid-row{grid-template-columns:1fr!important}}.docs-layout-container{display:flex}@media (width<=768px){.docs-layout-container{flex-direction:column!important}.docs-sidebar-responsive{border-right:none!important;border-bottom:1px solid var(--border-color)!important;width:100%!important;height:auto!important;position:relative!important;top:0!important}.docs-content-responsive{padding:24px!important}}.dash-grid-two-columns{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:30px;display:grid}@media (width<=900px){.dash-grid-two-columns{grid-template-columns:1fr!important}}.ref-layout-grid-row{gap:30px;margin-top:30px;display:flex}.ref-playground-grid-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.ref-layout-grid-row{flex-direction:column!important}.ref-playground-grid-row{grid-template-columns:1fr!important}}.history-search-input:focus{border-color:var(--border-focus)!important;background:#ffffff0a!important}.history-row-btn{transition:var(--transition)}.history-row-btn:hover{color:var(--text-primary)!important;border-color:var(--primary)!important;background:#8b5cf60d!important}.history-modal-close-btn{transition:var(--transition)}.history-modal-close-btn:hover{color:var(--text-primary)!important}.voice-back-btn{transition:var(--transition)}.voice-back-btn:hover{color:var(--text-primary)!important}.voice-clear-btn{transition:var(--transition)}.voice-clear-btn:hover{color:#ef4444!important}.stt-split-view-responsive{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.stt-split-view-responsive{grid-template-columns:1fr!important}}.voice-action-icon-btn{transition:var(--transition)}.voice-action-icon-btn:hover{color:var(--text-primary)!important;border-color:var(--primary)!important;background:#8b5cf60d!important}.api-back-btn{transition:var(--transition)}.api-back-btn:hover{color:var(--text-primary)!important}.api-endpoint-btn{transition:var(--transition)}.api-endpoint-btn:hover{background:#ffffff05!important}.doc-copy-btn{transition:var(--transition)}.doc-copy-btn:hover{color:var(--text-primary)!important;background:#ffffff0d!important}.doc-sdk-link{transition:var(--transition)}.doc-sdk-link:hover{color:var(--text-primary)!important}.contact-info-link{transition:var(--transition)}.contact-info-link:hover{color:var(--primary-light)!important}.auth-eye-btn{transition:var(--transition)}.auth-eye-btn:hover{color:var(--text-primary)!important}.auth-suggestion-item{transition:var(--transition)}.auth-suggestion-item:hover{color:var(--text-primary)!important;background:#ffffff08!important}.auth-link-btn{transition:var(--transition)}.auth-link-btn:hover{color:var(--primary)!important;text-decoration:underline!important}.docs-grid-layout{grid-template-columns:260px 1fr;gap:48px;display:grid}@media (width<=768px){.docs-grid-layout{grid-template-columns:1fr!important}}.api-ref-layout-grid{grid-template-columns:280px 1fr;gap:40px;display:grid}@media (width<=768px){.api-ref-layout-grid{grid-template-columns:1fr!important}}.api-ref-snippets-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=900px){.api-ref-snippets-grid{grid-template-columns:1fr!important}}.glass-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius);transition:var(--transition);background:#ffffff05;border:1px solid #ffffff0d}.conversa-voice-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:10px;display:grid}.conversa-voice-card{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:left;background:#ffffff05;border-radius:12px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.conversa-voice-card:after{content:"";opacity:0;width:100%;height:100%;transition:var(--transition);z-index:0;background:linear-gradient(135deg,#8b5cf60d 0%,#ec48990d 100%);position:absolute;top:0;left:0}.conversa-voice-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf60d}.conversa-voice-card:hover:after{opacity:1}.conversa-voice-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 8px 25px #8b5cf626;background:#8b5cf614}.conversa-voice-card-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.conversa-voice-name{color:var(--text-primary);font-size:1rem;font-weight:600}.conversa-voice-style{color:var(--text-secondary);z-index:1;font-size:.8rem;line-height:1.4}.char-limit-container{width:100%;margin-top:8px}.char-limit-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.char-limit-bar-fill{border-radius:3px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.char-limit-info{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:6px;font-size:.8rem;display:flex}.mic-record-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex;position:relative}.mic-halo-container{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:24px;display:flex;position:relative}.mic-halo-ring{z-index:0;background:radial-gradient(circle,#ec489933 0%,#ec489900 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.mic-halo-ring.active{animation:2s cubic-bezier(.4,0,.6,1) infinite micHaloPulse}@keyframes micHaloPulse{0%{opacity:.2;transform:scale(.85)}50%{opacity:.6;box-shadow:0 0 30px var(--secondary-glow);transform:scale(1.25)}to{opacity:0;transform:scale(1.5)}}.conversa-mic-btn{z-index:1;background:linear-gradient(135deg, var(--secondary) 0%, #be185d 100%);cursor:pointer;width:80px;height:80px;box-shadow:0 6px 24px var(--secondary-glow);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.conversa-mic-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #ec489966}.conversa-mic-btn:active{transform:scale(.95)}.conversa-mic-btn.recording{background:#ef4444;animation:1.5s infinite alternate micLivePulse;box-shadow:0 0 25px #ef444499}@keyframes micLivePulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.conversa-waveform{justify-content:center;align-items:center;gap:6px;height:48px;margin:16px 0;display:flex}.conversa-wave-bar{background:var(--secondary);border-radius:2px;width:4px;height:8px;transition:height .1s}.conversa-waveform.active .conversa-wave-bar{animation:.6s ease-in-out infinite alternate conversaWaveAnim}@keyframes conversaWaveAnim{0%{height:8px}to{height:42px}}.conversa-dropzone{text-align:center;cursor:pointer;transition:var(--transition);background:#ffffff03;border:2px dashed #ffffff26;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative;overflow:hidden}.conversa-dropzone:before{content:"";opacity:0;width:100%;height:100%;transition:var(--transition);z-index:0;background:linear-gradient(135deg,#8b5cf605 0%,#ec489905 100%);position:absolute;top:0;left:0}.conversa-dropzone:hover,.conversa-dropzone.drag-active{border-color:var(--primary);background:#8b5cf608;box-shadow:0 12px 30px #8b5cf60d}.conversa-dropzone:hover:before,.conversa-dropzone.drag-active:before{opacity:1}.conversa-dropzone-icon{width:64px;height:64px;transition:var(--transition);z-index:1;background:#8b5cf614;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.conversa-dropzone:hover .conversa-dropzone-icon,.conversa-dropzone.drag-active .conversa-dropzone-icon{background:#8b5cf626;transform:translateY(-4px)}.conversa-dropzone-text{color:var(--text-primary);z-index:1;margin-bottom:6px;font-size:1rem;font-weight:600}.conversa-dropzone-subtext{color:var(--text-muted);z-index:1;font-size:.82rem}.conversa-timeline{flex-direction:column;gap:16px;margin-top:24px;padding-left:20px;display:flex;position:relative}.conversa-timeline:before{content:"";background:#ffffff0d;width:2px;position:absolute;top:8px;bottom:8px;left:4px}.conversa-timeline-item{border:1px solid var(--border-color);transition:var(--transition);background:#ffffff03;border-radius:10px;padding:12px 16px;position:relative}.conversa-timeline-item:hover{background:#8b5cf605;border-color:#8b5cf633}.conversa-timeline-dot{background:var(--border-color);border:2px solid var(--bg-main);width:10px;height:10px;transition:var(--transition);border-radius:50%;position:absolute;top:18px;left:-20px}.conversa-timeline-item:hover .conversa-timeline-dot{background:var(--primary);box-shadow:0 0 8px var(--primary)}.conversa-timeline-time{color:var(--primary-light);margin-bottom:6px;font-family:monospace;font-size:.78rem;font-weight:600}.conversa-timeline-text{color:var(--text-primary);font-size:.9rem;line-height:1.5}.app-container{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);z-index:50;background:#0b0a16f2;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 12px;display:flex;overflow-y:auto}.nav-item{color:var(--text-secondary);transition:var(--transition);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background:#8b5cf61a}.nav-item.active{color:var(--primary-light);border-left:3px solid var(--primary);background:linear-gradient(90deg,#8b5cf633 0%,#8b5cf60d 100%)}.nav-icon{justify-content:center;min-width:24px;font-size:1.2rem;display:flex}.nav-label{white-space:nowrap;opacity:1;transition:opacity .2s}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.main-content{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.chat-container{flex-direction:column;width:100%;max-width:1000px;height:100%;margin:0 auto;display:flex}.chat-history{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.chat-bubble-wrapper{width:100%;display:flex}.chat-bubble-wrapper.user{justify-content:flex-end}.chat-bubble-wrapper.ai{justify-content:flex-start}.chat-bubble{border-radius:16px;max-width:80%;padding:16px 20px;font-size:.95rem;line-height:1.6;position:relative}.chat-bubble.user{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 15px #8b5cf633}.chat-bubble.ai{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-bottom-left-radius:4px}.chat-input-area{background:var(--bg-main);border-top:1px solid var(--border-color);padding:20px 24px;position:relative}.chat-input-wrapper{border:1px solid var(--border-color);transition:var(--transition);background:#ffffff08;border-radius:24px;align-items:center;padding:8px 16px;display:flex;box-shadow:0 4px 20px #0003}.chat-input-wrapper:focus-within{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 0 4px #8b5cf61a}.chat-input{color:var(--text-primary);font-family:var(--font-body);resize:none;background:0 0;border:none;flex:1;min-height:24px;max-height:150px;padding:10px;font-size:1rem}.chat-input:focus{outline:none}.chat-send-btn{background:var(--primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:#7c3aed;transform:scale(1.05)}.chat-send-btn:disabled{color:var(--text-muted);cursor:not-allowed;background:#ffffff1a;transform:none}