.support-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--gradient-cta);color:white;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),var(--shadow-glow);z-index:var(--z-modal);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;border:none}.support-fab:hover{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow-lg)}.support-fab.open{transform:rotate(45deg)}.support-chat{position:fixed;bottom:92px;right:24px;width:380px;max-height:550px;border-radius:var(--border-radius-xl);overflow:hidden;z-index:var(--z-modal);display:flex;flex-direction:column;animation:scaleIn .3s var(--ease-spring) both;transform-origin:bottom right;border:1px solid var(--border-color);background:var(--color-bg-secondary);box-shadow:var(--shadow-xl)}.support-chat.closing{animation:fadeOut .2s var(--ease-out) both}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}.support-header{padding:var(--space-4) var(--space-5);background:var(--gradient-cta);color:white;display:flex;align-items:center;justify-content:space-between}.support-header-left{display:flex;align-items:center;gap:var(--space-3)}.support-header-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.support-header-info h4{font-size:var(--text-sm);font-weight:700}.support-header-info p{font-size:var(--text-xs);opacity:.8}.support-close-btn{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);color:white;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast);cursor:pointer;border:none}.support-close-btn:hover{background:rgba(255,255,255,.3)}.support-messages{flex:1 1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:300px;max-height:350px}.support-message{display:flex;gap:var(--space-2);max-width:85%}.support-message.bot{align-self:flex-start}.support-message.user{align-self:flex-end;flex-direction:row-reverse}.support-msg-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.support-message.bot .support-msg-avatar{background:var(--color-accent-subtle)}.support-message.user .support-msg-avatar{background:var(--color-bg-elevated)}.support-msg-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-lg);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.support-message.bot .support-msg-bubble{background:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary);border-bottom-left-radius:var(--border-radius-sm)}.support-message.user .support-msg-bubble{background:var(--color-accent);color:white;border-bottom-right-radius:var(--border-radius-sm)}.support-typing{display:flex;gap:4px;padding:var(--space-3) var(--space-4)}.support-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:typing-bounce 1.4s ease-in-out infinite}.support-typing-dot:nth-child(2){animation-delay:.2s}.support-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.support-quick-actions{padding:var(--space-2) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.support-quick-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)}.support-quick-btn:hover{border-color:var(--color-accent);color:var(--color-accent-light)}.support-input-area{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--color-bg-primary)}.support-input{flex:1 1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--color-bg-tertiary);color:var(--color-text-primary);transition:border-color var(--duration-fast)}.support-input:focus{border-color:var(--color-accent)}.support-send-btn{width:36px;height:36px;border-radius:50%;background:var(--gradient-cta);color:white;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:transform var(--duration-fast)}.support-send-btn:hover{transform:scale(1.1)}.ticket-form{padding:var(--space-4);gap:var(--space-3)}.ticket-field,.ticket-form{display:flex;flex-direction:column}.ticket-field{gap:var(--space-1)}.ticket-field label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.ticket-field input,.ticket-field select,.ticket-field textarea{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ticket-field textarea{min-height:80px;resize:vertical}.ticket-field select{cursor:pointer}@media (max-width:480px){.support-chat{right:12px;bottom:80px;width:calc(100vw - 24px)}.support-fab{right:16px;bottom:16px}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#111118;--color-bg-tertiary:#1a1a24;--color-bg-elevated:#22222e;--color-bg-card:rgba(26,26,36,0.7);--color-bg-glass:rgba(26,26,36,0.4);--color-surface-hover:rgba(255,255,255,0.04);--color-surface-active:rgba(255,255,255,0.08);--color-text-primary:#f0f0f5;--color-text-secondary:#a0a0b8;--color-text-muted:#6a6a80;--color-text-inverse:#0a0a0f;--color-accent:#7c5cfc;--color-accent-light:#9b82fd;--color-accent-dark:#5a3ad4;--color-accent-glow:rgba(124,92,252,0.25);--color-accent-subtle:rgba(124,92,252,0.08);--color-success:#34d399;--color-success-glow:rgba(52,211,153,0.2);--color-warning:#fbbf24;--color-warning-glow:rgba(251,191,36,0.2);--color-error:#f87171;--color-error-glow:rgba(248,113,113,0.2);--color-info:#60a5fa;--color-info-glow:rgba(96,165,250,0.2);--gradient-hero:linear-gradient(135deg,#7c5cfc,#c084fc 50%,#f472b6);--gradient-hero-subtle:linear-gradient(135deg,rgba(124,92,252,0.12),rgba(192,132,252,0.08) 50%,rgba(244,114,182,0.05));--gradient-card:linear-gradient(145deg,rgba(26,26,36,0.8),rgba(17,17,24,0.9));--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.01));--gradient-recording:linear-gradient(135deg,#ef4444,#dc2626);--gradient-success:linear-gradient(135deg,#34d399,#10b981);--gradient-cta:linear-gradient(135deg,#7c5cfc,#9b82fd);--gradient-bg-mesh:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(124,92,252,0.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 0% 50%,rgba(192,132,252,0.04) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 100% 80%,rgba(244,114,182,0.03) 0%,transparent 50%);--border-color:rgba(255,255,255,0.06);--border-color-hover:rgba(255,255,255,0.12);--border-color-active:rgba(124,92,252,0.4);--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--shadow-glow:0 0 24px var(--color-accent-glow);--shadow-glow-lg:0 0 48px var(--color-accent-glow);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.55,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--content-max-width:1280px;--content-wide-width:1440px;--navbar-height:64px}[data-theme=light]{--color-bg-primary:#f8f8fc;--color-bg-secondary:#ffffff;--color-bg-tertiary:#f0f0f6;--color-bg-elevated:#e8e8f0;--color-bg-card:rgba(255,255,255,0.85);--color-bg-glass:rgba(255,255,255,0.6);--color-surface-hover:rgba(0,0,0,0.03);--color-surface-active:rgba(0,0,0,0.06);--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a6a;--color-text-muted:#8a8aa8;--color-text-inverse:#f0f0f5;--color-accent:#6c4ce0;--color-accent-light:#7c5cfc;--color-accent-dark:#5a3ad4;--color-accent-glow:rgba(108,76,224,0.15);--color-accent-subtle:rgba(108,76,224,0.06);--color-success:#059669;--color-success-glow:rgba(5,150,105,0.12);--color-warning:#d97706;--color-warning-glow:rgba(217,119,6,0.12);--color-error:#dc2626;--color-error-glow:rgba(220,38,38,0.1);--color-info:#2563eb;--color-info-glow:rgba(37,99,235,0.12);--gradient-hero:linear-gradient(135deg,#6c4ce0,#a855f7 50%,#ec4899);--gradient-hero-subtle:linear-gradient(135deg,rgba(108,76,224,0.08),rgba(168,85,247,0.05) 50%,rgba(236,72,153,0.03));--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.9),rgba(248,248,252,0.95));--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(255,255,255,0.4));--gradient-cta:linear-gradient(135deg,#6c4ce0,#7c5cfc);--gradient-bg-mesh:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(108,76,224,0.05) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 0% 50%,rgba(168,85,247,0.03) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 100% 80%,rgba(236,72,153,0.02) 0%,transparent 50%);--border-color:rgba(0,0,0,0.08);--border-color-hover:rgba(0,0,0,0.15);--border-color-active:rgba(108,76,224,0.4);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.1);--shadow-xl:0 16px 48px rgba(0,0,0,0.12);--shadow-glow:0 0 24px rgba(108,76,224,0.12);--shadow-glow-lg:0 0 48px rgba(108,76,224,0.15)}[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}[data-theme=light] ::selection{background:#6c4ce0;color:white}html{transition:color .3s ease,background-color .3s ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:var(--gradient-bg-mesh);background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}img,svg,video{display:block;max-width:100%}ol,ul{list-style:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}::selection{background:var(--color-accent);color:white}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:var(--content-wide-width)}.text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--gradient-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.glass,.glass-strong{border:1px solid var(--border-color)}.glass-strong{background:var(--color-bg-glass);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);border-radius:var(--border-radius-md);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-cta);color:white;box-shadow:var(--shadow-md),0 0 20px var(--color-accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-color-hover);background:var(--color-bg-tertiary);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--border-radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-success-flash{animation:success-flash .6s ease both}@keyframes success-flash{0%{box-shadow:0 0 0 0 rgba(52,211,153,.4)}50%{box-shadow:0 0 16px 4px rgba(52,211,153,.3);border-color:var(--color-success)}to{box-shadow:0 0 0 0 transparent}}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--border-radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--border-radius-full);border:1px solid var(--border-color);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.badge-accent{background:var(--color-accent-subtle);border-color:rgba(124,92,252,.2);color:var(--color-accent-light)}.badge-success{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.2);color:var(--color-success)}.badge-recording{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:var(--color-error)}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg)}.card-glass{background:var(--color-bg-glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--color-accent-glow)}50%{box-shadow:0 0 30px var(--color-accent-glow),0 0 60px rgba(124,92,252,.1)}}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-10px,-40px) scale(.98)}75%{transform:translate(-30px,-10px) scale(1.02)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-40px,20px) scale(1.03)}50%{transform:translate(20px,30px) scale(.97)}75%{transform:translate(35px,-15px) scale(1.05)}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--border-radius-sm)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:var(--z-sticky);display:flex;align-items:center;transition:all var(--duration-normal) var(--ease-out)}.navbar.scrolled{background:rgba(10,10,15,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color)}.navbar-inner{justify-content:space-between;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-6)}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight)}.brand-logo{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.brand-logo-mark,.navbar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-mark svg{width:100%;height:100%;filter:drop-shadow(0 8px 18px rgba(124,92,252,.28))}.brand-logo-wordmark{min-width:0;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:var(--space-8)}.navbar-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);position:relative}.navbar-links a:hover{color:var(--color-text-primary)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-hero);border-radius:1px;transition:width var(--duration-normal) var(--ease-out)}.navbar-links a:hover:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}.navbar-menu-groups{display:flex;align-items:center;gap:var(--space-2)}.nav-menu-group{position:relative}.nav-menu-trigger{min-width:0}.nav-menu-caret{font-size:10px;opacity:.8}.nav-menu-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:var(--space-2);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--color-bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-lg);animation:scaleIn var(--duration-fast) var(--ease-out) both;z-index:var(--z-dropdown)}.nav-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--border-radius-md);color:var(--color-text-secondary);transition:background var(--duration-fast),color var(--duration-fast);text-align:left}.nav-menu-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.nav-menu-item-icon{width:18px;text-align:center;flex-shrink:0}.theme-toggle{gap:var(--space-2)}.theme-toggle-icon{font-size:14px}.theme-toggle-label{font-size:var(--text-xs)}[data-theme=light] .navbar.scrolled{background:rgba(255,255,255,.92)}@media (max-width:1024px){.navbar-links{gap:var(--space-4)}.navbar-actions{gap:var(--space-2)}.navbar-menu-groups{gap:0}.navbar-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (max-width:768px){:root{--text-5xl:2.25rem;--text-6xl:2.75rem;--text-7xl:3rem;--navbar-height:56px}.container{padding:0 var(--space-4)}.navbar-links,.navbar-menu-groups,.theme-toggle-label{display:none}}