.auth-modal-overlay[data-v-0b28cbc9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px);padding:2rem}.auth-modal[data-v-0b28cbc9]{background:var(--text-white);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:calc(100vh - 4rem);overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);animation:modalSlideIn-0b28cbc9 .3s ease-out;margin:auto}@keyframes modalSlideIn-0b28cbc9{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn[data-v-0b28cbc9]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-light);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all .3s ease}.close-btn[data-v-0b28cbc9]:hover{background:var(--bg-secondary);color:var(--text-primary)}.auth-form[data-v-0b28cbc9]{padding:2rem}.auth-title[data-v-0b28cbc9]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.auth-subtitle[data-v-0b28cbc9]{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.form-group[data-v-0b28cbc9]{margin-bottom:1.5rem}.form-group label[data-v-0b28cbc9]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input[type=email][data-v-0b28cbc9],.form-group input[type=password][data-v-0b28cbc9],.form-group input[type=text][data-v-0b28cbc9]{width:100%;padding:.75rem 1rem;border:2px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:1rem;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary)}.form-group input[data-v-0b28cbc9]:focus{outline:none;border-color:var(--primary-color);background:var(--text-white);box-shadow:0 0 0 3px rgba(15,118,110,.1)}.form-options[data-v-0b28cbc9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-label[data-v-0b28cbc9]{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox][data-v-0b28cbc9]{margin-right:.5rem}.forgot-password[data-v-0b28cbc9]{color:var(--primary-color);text-decoration:none;font-size:.875rem}.forgot-password[data-v-0b28cbc9]:hover{text-decoration:underline}.btn[data-v-0b28cbc9]{padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary[data-v-0b28cbc9]{background:var(--bg-gradient);color:var(--text-white);box-shadow:var(--shadow-md)}.btn-primary[data-v-0b28cbc9]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-xl)}.btn-primary[data-v-0b28cbc9]:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-full[data-v-0b28cbc9]{width:100%}.auth-footer[data-v-0b28cbc9]{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.auth-footer a[data-v-0b28cbc9]{color:var(--primary-color);text-decoration:none}.auth-footer a[data-v-0b28cbc9]:hover{text-decoration:underline}.auth-divider[data-v-0b28cbc9]{text-align:center;margin:1.5rem 0;position:relative;color:var(--text-secondary)}.auth-divider[data-v-0b28cbc9]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--bg-tertiary)}.auth-divider span[data-v-0b28cbc9]{background:var(--text-white);padding:0 1rem;position:relative}.social-login[data-v-0b28cbc9]{display:flex;flex-direction:column;gap:.75rem}.btn-github[data-v-0b28cbc9]{background:var(--text-primary);color:var(--text-white);border:1px solid var(--text-primary)}.btn-github[data-v-0b28cbc9]:hover{background:var(--text-secondary)}.btn-google[data-v-0b28cbc9]{background:var(--text-white);color:var(--text-primary);border:1px solid var(--bg-tertiary)}.btn-google[data-v-0b28cbc9]:hover{background:var(--bg-secondary)}@media (max-width:768px){.auth-modal-overlay[data-v-0b28cbc9]{padding:1rem}.auth-form[data-v-0b28cbc9]{padding:1.5rem}.form-options[data-v-0b28cbc9]{flex-direction:column;gap:1rem;align-items:flex-start}}.header[data-v-b4966b30]{background:var(--text-white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--bg-tertiary)}.header-content[data-v-b4966b30]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo-link[data-v-b4966b30]{text-decoration:none;color:var(--primary-color)}.logo-content[data-v-b4966b30]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-b4966b30]{width:32px;height:32px;transition:transform .3s ease}.logo-link:hover .logo-icon[data-v-b4966b30]{transform:scale(1.1)}.logo h1[data-v-b4966b30]{margin:0;font-size:1.5rem;font-weight:700;background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav[data-v-b4966b30]{display:flex;align-items:center;gap:2rem}.mobile-menu-btn[data-v-b4966b30]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.75rem;z-index:1002;position:relative;min-width:44px;min-height:44px;justify-content:center;align-items:center}.hamburger-line[data-v-b4966b30]{width:24px;height:3px;background:var(--text-primary);margin:2px 0;transition:all .3s ease;border-radius:2px}.hamburger-line.active[data-v-b4966b30]:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-line.active[data-v-b4966b30]:nth-child(2){opacity:0}.hamburger-line.active[data-v-b4966b30]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-link[data-v-b4966b30]{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s ease}.nav-link.router-link-active[data-v-b4966b30],.nav-link[data-v-b4966b30]:hover{color:var(--primary-color)}.header-actions[data-v-b4966b30]{display:flex;align-items:center;gap:1rem}.language-select[data-v-b4966b30]{padding:.5rem;border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);background:var(--text-white);cursor:pointer;color:var(--text-primary)}.auth-buttons[data-v-b4966b30]{display:flex;gap:.5rem}.btn[data-v-b4966b30]{padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:.875rem}.btn-secondary[data-v-b4966b30]{background:transparent;color:var(--text-secondary);border:1px solid var(--bg-tertiary)}.btn-secondary[data-v-b4966b30]:hover{color:var(--primary-color);border-color:var(--primary-color)}.btn-primary[data-v-b4966b30]{background:var(--bg-gradient);color:#fff;border:1px solid transparent}.btn-primary[data-v-b4966b30]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-backdrop[data-v-b4966b30]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1000;display:none}.mobile-actions[data-v-b4966b30]{display:none}.desktop-actions[data-v-b4966b30]{display:flex}@media (max-width:1024px){.nav[data-v-b4966b30]{gap:1.5rem}}@media (max-width:768px){.desktop-actions[data-v-b4966b30]{display:none}.mobile-menu-backdrop[data-v-b4966b30]{display:block}.mobile-actions[data-v-b4966b30]{display:flex;flex-direction:column;align-items:stretch;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.mobile-menu-btn[data-v-b4966b30]{display:flex;z-index:1002}.nav[data-v-b4966b30]{position:fixed;top:0;left:0;right:0;background:var(--text-white);flex-direction:column;align-items:flex-start;padding:2rem 1rem;padding-top:5rem;box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;gap:1rem;border-top:1px solid var(--bg-tertiary);z-index:1001;min-height:100vh}.nav.nav-open[data-v-b4966b30]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-b4966b30]{padding:.75rem 0;width:100%;border-bottom:1px solid var(--bg-tertiary)}.nav-link[data-v-b4966b30]:last-of-type{border-bottom:none}.header-content[data-v-b4966b30]{position:relative}.mobile-actions .header-actions[data-v-b4966b30]{flex-direction:column;align-items:stretch;gap:.75rem}.mobile-actions .auth-buttons[data-v-b4966b30]{flex-direction:column;gap:.5rem}.mobile-actions .auth-buttons .btn[data-v-b4966b30]{padding:.75rem 1rem;font-size:.875rem;text-align:center}.mobile-actions .language-select[data-v-b4966b30]{font-size:.875rem;padding:.75rem}}.footer[data-v-4c60f54e]{background-color:var(--bg-dark);color:var(--text-white);padding:3rem 0 1rem;margin-top:auto}.footer-content[data-v-4c60f54e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3[data-v-4c60f54e],.footer-section h4[data-v-4c60f54e]{margin-bottom:1rem;color:var(--primary-light)}.footer-section ul[data-v-4c60f54e]{list-style:none;padding:0;margin:0}.footer-section ul li[data-v-4c60f54e]{margin-bottom:.5rem}.footer-section a[data-v-4c60f54e]{color:var(--text-light);text-decoration:none;transition:color .2s ease}.footer-section a[data-v-4c60f54e]:hover{color:var(--primary-light)}.footer-bottom[data-v-4c60f54e]{border-top:1px solid var(--text-secondary);padding-top:1rem;text-align:center;color:var(--text-light)}@media (max-width:768px){.footer-content[data-v-4c60f54e]{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-section h3[data-v-4c60f54e],.footer-section h4[data-v-4c60f54e],.footer-section[data-v-4c60f54e]{text-align:center}.footer-section p[data-v-4c60f54e]{text-align:center;margin:0 auto;max-width:300px}.footer-section ul li[data-v-4c60f54e],.footer-section ul[data-v-4c60f54e]{text-align:center}.footer[data-v-4c60f54e]{padding:2rem 0 1rem}}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}.hero[data-v-45a640a9]{background:var(--bg-gradient);color:var(--text-white);padding:8rem 0 6rem;position:relative;overflow:hidden}.hero[data-v-45a640a9]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.1) 1px,transparent 0),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:50px 50px}.hero-content[data-v-45a640a9]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-badges[data-v-45a640a9]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.hero-badge[data-v-45a640a9]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-2xl);font-size:.875rem;font-weight:600}.badge-icon[data-v-45a640a9]{font-size:1.2rem}.badge-icon-img[data-v-45a640a9]{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}.mermaid-logo-img[data-v-45a640a9]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;margin-right:.5rem}.feature-icon-img[data-v-45a640a9]{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;margin-bottom:1rem}.hero-title[data-v-45a640a9]{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-title-text[data-v-45a640a9]{color:var(--text-white);text-shadow:0 2px 4px rgba(0,0,0,.3);display:block}.hero-subtitle[data-v-45a640a9]{font-size:1.25rem;color:var(--text-white);opacity:.9;margin-bottom:3rem;line-height:1.6}.hero-subtitle-highlight[data-v-45a640a9]{color:var(--text-white);font-weight:600;opacity:1}.hero-actions[data-v-45a640a9]{display:flex;gap:1rem;margin-bottom:4rem}.btn-lg[data-v-45a640a9]{padding:1rem 2rem;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-icon[data-v-45a640a9]{margin-right:.5rem}.hero-stats[data-v-45a640a9]{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-item[data-v-45a640a9]{text-align:center}.stat-number[data-v-45a640a9]{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-white)}.stat-label[data-v-45a640a9]{font-size:.875rem;color:var(--text-white);opacity:.8}.demo-container[data-v-45a640a9]{position:relative}.demo-window[data-v-45a640a9]{background:var(--text-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}.demo-header[data-v-45a640a9]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary)}.demo-controls[data-v-45a640a9]{display:flex;gap:.5rem}.control[data-v-45a640a9]{width:12px;height:12px;border-radius:50%}.control.red[data-v-45a640a9]{background:#ff5f56}.control.yellow[data-v-45a640a9]{background:#ffbd2e}.control.green[data-v-45a640a9]{background:#27ca3f}.demo-title[data-v-45a640a9]{font-weight:600;color:var(--text-primary)}.demo-content[data-v-45a640a9]{padding:1.5rem;background:var(--text-white);color:var(--text-primary)}.chat-messages[data-v-45a640a9]{min-height:320px;margin-bottom:1rem}.message[data-v-45a640a9]{display:flex;gap:.75rem;margin-bottom:1rem;opacity:.3;transition:all .5s ease}.message.active[data-v-45a640a9]{opacity:1;transform:translateY(0)}.message-avatar[data-v-45a640a9]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.user-message .message-avatar[data-v-45a640a9]{background:var(--primary-color)}.ai-message .message-avatar[data-v-45a640a9]{background:var(--secondary-color)}.message-content[data-v-45a640a9]{background:var(--bg-secondary);padding:.75rem 1rem;border-radius:var(--radius-lg);max-width:80%}.user-message .message-content[data-v-45a640a9]{background:var(--primary-color);color:var(--text-white);margin-left:auto}.system-message[data-v-45a640a9]{justify-content:center}.system-message .message-content[data-v-45a640a9]{background:linear-gradient(135deg,rgba(15,118,110,.1),rgba(6,182,212,.1));color:var(--primary-color);text-align:center;font-style:italic;display:flex;align-items:center;gap:.5rem}.mermaid-logo[data-v-45a640a9]{font-size:1.5rem}.diagram-preview[data-v-45a640a9]{margin-top:1rem;opacity:.3;transition:all .5s ease}.diagram-preview.active[data-v-45a640a9]{opacity:1}.preview-header[data-v-45a640a9]{font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.mermaid-diagram[data-v-45a640a9]{background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem;text-align:center}.mermaid-code[data-v-45a640a9]{background:var(--bg-dark);color:var(--accent-light);padding:1rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;text-align:left;border:1px solid rgba(15,118,110,.2)}.code-header[data-v-45a640a9]{color:var(--primary-light);font-weight:600;font-size:.75rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.diagram-result[data-v-45a640a9]{background:#fff;border-radius:var(--radius-sm);padding:1rem;border:1px solid var(--bg-tertiary)}.result-header[data-v-45a640a9]{color:var(--primary-color);font-weight:600;font-size:.75rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.chat-input[data-v-45a640a9]{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--bg-tertiary)}.demo-input[data-v-45a640a9]{flex:1;padding:.75rem 1rem;border:1px solid var(--bg-tertiary);border-radius:var(--radius-md);font-size:.875rem}.send-btn[data-v-45a640a9]{padding:.75rem 1.5rem;background:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.mermaid-intro[data-v-45a640a9]{background:var(--bg-primary)}.mermaid-features[data-v-45a640a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features[data-v-45a640a9]{background:var(--text-white)}.section-header[data-v-45a640a9]{margin-bottom:4rem}.section-header h2[data-v-45a640a9]{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.section-subtitle[data-v-45a640a9]{font-size:1.25rem;color:var(--text-secondary)}.features-grid[data-v-45a640a9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.feature-card[data-v-45a640a9]{text-align:center;padding:2rem}.feature-icon[data-v-45a640a9]{font-size:4rem;margin-bottom:1.5rem}.feature-title[data-v-45a640a9]{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.feature-desc[data-v-45a640a9]{color:var(--text-secondary);line-height:1.6}.types-grid[data-v-45a640a9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.type-card[data-v-45a640a9]{background:var(--text-white);padding:2rem 1rem;border-radius:var(--radius-xl);text-align:center;transition:all .3s ease;cursor:pointer}.type-card[data-v-45a640a9]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.type-icon[data-v-45a640a9]{font-size:2.5rem;margin-bottom:1rem}.type-name[data-v-45a640a9]{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.type-desc[data-v-45a640a9]{font-size:.875rem;color:var(--text-secondary)}.cta-title[data-v-45a640a9]{font-size:2.5rem;margin-bottom:1rem;color:var(--text-white)}.cta-subtitle[data-v-45a640a9]{font-size:1.25rem;color:var(--text-white);opacity:.9;margin-bottom:3rem}.cta-actions[data-v-45a640a9]{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-badges[data-v-45a640a9]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.hero-content[data-v-45a640a9]{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title[data-v-45a640a9]{font-size:2.5rem}.hero-actions[data-v-45a640a9]{flex-direction:column;align-items:center}.hero-stats[data-v-45a640a9]{grid-template-columns:repeat(2,1fr)}.demo-window[data-v-45a640a9]{transform:none}.cta-actions[data-v-45a640a9]{flex-direction:column;align-items:center}.mermaid-features[data-v-45a640a9]{grid-template-columns:1fr}.hero-badges[data-v-45a640a9]{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0f766e;--primary-light:#14b8a6;--primary-dark:#134e4a;--secondary-color:#1e40af;--secondary-light:#3b82f6;--accent-color:#06b6d4;--accent-light:#67e8f9;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg,#0f766e,#1e40af 70%,#06b6d4);--bg-gradient-dark:linear-gradient(135deg,#134e4a,#1e3a8a 70%,#0e7490);--text-primary:#0f172a;--text-secondary:#475569;--text-light:#64748b;--text-white:#fff;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}.text-gradient,.text-gradient-light{-webkit-text-fill-color:transparent;font-weight:700}.text-gradient-light{background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);-webkit-background-clip:text;background-clip:text}.text-mermaid{color:var(--primary-color);font-weight:600}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-white{color:var(--text-white)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--bg-gradient);color:var(--text-white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary)}.btn-secondary:hover{background-color:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:hsla(0,0%,100%,.1);color:var(--text-white);border:2px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.btn-outline:hover{background:hsla(0,0%,100%,.2);color:var(--text-white);border-color:hsla(0,0%,100%,.5)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-icon{margin-right:.5rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.section-dark{background:var(--bg-dark);color:var(--text-white)}.section-mermaid{background:linear-gradient(135deg,rgba(15,118,110,.05),rgba(30,64,175,.05))}.card{background:var(--text-white);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--bg-tertiary)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.card-mermaid{background:linear-gradient(135deg,rgba(15,118,110,.02),rgba(6,182,212,.02));border:1px solid rgba(15,118,110,.1)}.card-mermaid:hover{border-color:var(--primary-color);box-shadow:0 20px 25px -5px rgba(15,118,110,.1)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-2xl);font-size:.875rem;font-weight:600}.badge-mermaid{color:var(--primary-color)}.badge-ai,.badge-mermaid{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.5);backdrop-filter:blur(10px)}.badge-ai{color:var(--secondary-color)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}@keyframes mermaidPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes mermaidFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-pulse{animation:mermaidPulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:mermaidFloat 3s ease-in-out infinite}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 .75rem}.section{padding:3rem 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}