:root{--bg-primary: rgba(15, 23, 42, .98);--bg-secondary: rgba(30, 41, 59, .95);--bg-tertiary: rgba(51, 65, 85, .9);--surface-glass: rgba(255, 255, 255, .05);--surface-glass-hover: rgba(255, 255, 255, .08);--surface-elevated: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-accent: rgba(255, 255, 255, .9);--border-glass: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .05);--gradient-primary: linear-gradient(135deg, #8b5cf6, #ec4899);--gradient-secondary: linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-accent: linear-gradient(135deg, #f59e0b, #ef4444);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-border: 1px solid rgba(255, 255, 255, .1);--hover-glow: 0 0 20px rgba(139, 92, 246, .3);--integration-gradient: linear-gradient(135deg, #8b5cf6, #d946ef, #ec4899)}.scroll-progress-bar.svelte-1lqlfpv{position:fixed;top:0;left:0;height:3px;background:var(--integration-gradient);z-index:1000;transition:width .3s ease;box-shadow:0 0 10px #8b5cf680}.integrations-page.svelte-1lqlfpv{min-height:100vh;position:relative;z-index:1;padding:6rem 0 2rem}.integrations-header.svelte-1lqlfpv{text-align:center;margin-bottom:3rem;padding:4rem 0 2rem;background:var(--surface-glass);border-radius:2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);margin:0 1rem 3rem}.breadcrumb.svelte-1lqlfpv{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-link.svelte-1lqlfpv{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.breadcrumb-link.svelte-1lqlfpv:hover{color:var(--text-accent);text-shadow:0 2px 8px rgba(139,92,246,.5)}.breadcrumb-separator.svelte-1lqlfpv{color:var(--text-tertiary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.breadcrumb-current.svelte-1lqlfpv{color:var(--text-primary);font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.integrations-title.svelte-1lqlfpv{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary);text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.3)}.integrations-subtitle.svelte-1lqlfpv{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-title.svelte-1lqlfpv{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-title.svelte-1lqlfpv i:where(.svelte-1lqlfpv){background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(59,130,246,.5))}.featured-section.svelte-1lqlfpv{margin-bottom:4rem}.featured-grid.svelte-1lqlfpv{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.featured-card.svelte-1lqlfpv{background:var(--surface-glass);border-radius:1.5rem;padding:2rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.featured-card.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.featured-card.svelte-1lqlfpv:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow),var(--hover-glow);border-color:#8b5cf64d}.featured-card.svelte-1lqlfpv:hover:before{opacity:.05}.integration-logo.svelte-1lqlfpv{width:3rem;height:3rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--surface-elevated);border-radius:1rem;border:var(--glass-border);box-shadow:0 4px 16px #0003;position:relative;overflow:hidden}.integration-logo.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:.1;transition:opacity .3s ease}.featured-card.svelte-1lqlfpv:hover .integration-logo:where(.svelte-1lqlfpv):before{opacity:.2}.integration-logo.svelte-1lqlfpv img:where(.svelte-1lqlfpv){width:70%;height:70%;object-fit:contain;position:relative;z-index:1;filter:brightness(1.2) contrast(1.1)}.integration-info.svelte-1lqlfpv{flex:1;margin-bottom:1.5rem}.integration-info.svelte-1lqlfpv h3:where(.svelte-1lqlfpv){font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.integration-info.svelte-1lqlfpv p:where(.svelte-1lqlfpv){color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.integration-meta.svelte-1lqlfpv{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.setup-time.svelte-1lqlfpv{display:flex;align-items:center;gap:.25rem}.setup-time.svelte-1lqlfpv i:where(.svelte-1lqlfpv){color:#10b981;filter:drop-shadow(0 1px 2px rgba(16,185,129,.5))}.pricing.svelte-1lqlfpv{font-weight:500;background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.integration-actions.svelte-1lqlfpv{display:flex;gap:.75rem}.filters-section.svelte-1lqlfpv{margin-bottom:3rem;display:flex;flex-direction:column;gap:2rem;align-items:center}.search-bar.svelte-1lqlfpv{width:100%;max-width:500px}.search-input-group.svelte-1lqlfpv{position:relative;display:flex;align-items:center}.search-input-group.svelte-1lqlfpv i:where(.svelte-1lqlfpv){position:absolute;left:1rem;color:var(--text-tertiary);z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.search-input.svelte-1lqlfpv{width:100%;padding:.75rem 1rem .75rem 3rem;border:var(--glass-border);border-radius:1rem;font-size:1rem;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}.search-input.svelte-1lqlfpv::placeholder{color:var(--text-tertiary)}.search-input.svelte-1lqlfpv:focus{outline:none;border-color:#8b5cf680;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #8b5cf633;background:var(--surface-glass-hover)}.category-filters.svelte-1lqlfpv{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-btn.svelte-1lqlfpv{padding:.5rem 1rem;border:var(--glass-border);background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:9999px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.category-btn.svelte-1lqlfpv:hover{border-color:#8b5cf680;color:var(--text-primary);box-shadow:0 4px 16px #8b5cf633;background:var(--surface-glass-hover)}.category-btn.active.svelte-1lqlfpv{background:var(--integration-gradient);border-color:transparent;color:var(--text-primary);box-shadow:var(--hover-glow);text-shadow:0 2px 4px rgba(0,0,0,.3)}.count.svelte-1lqlfpv{background:#ffffff1a;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.category-btn.active.svelte-1lqlfpv .count:where(.svelte-1lqlfpv){background:#fff3;box-shadow:inset 0 1px 2px #0003}.integrations-section.svelte-1lqlfpv{margin-bottom:4rem}.section-header.svelte-1lqlfpv{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header.svelte-1lqlfpv h2:where(.svelte-1lqlfpv){font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.results-count.svelte-1lqlfpv{color:var(--text-secondary);font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.integrations-grid.svelte-1lqlfpv{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.integration-card.svelte-1lqlfpv{background:var(--surface-glass);border-radius:1.5rem;border:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.integration-card.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.integration-card.svelte-1lqlfpv:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 20px #8b5cf633;border-color:#8b5cf64d}.integration-card.svelte-1lqlfpv:hover:before{opacity:.03}.card-header.svelte-1lqlfpv{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:flex-start}.card-header.svelte-1lqlfpv .integration-logo:where(.svelte-1lqlfpv){width:2.5rem;height:2.5rem;margin-bottom:0;background:var(--surface-elevated);border-radius:.75rem;border:var(--glass-border);box-shadow:0 2px 8px #0003}.card-header.svelte-1lqlfpv .integration-logo:where(.svelte-1lqlfpv):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:.1;transition:opacity .3s ease}.integration-card.svelte-1lqlfpv:hover .card-header:where(.svelte-1lqlfpv) .integration-logo:where(.svelte-1lqlfpv):before{opacity:.15}.status-badge.svelte-1lqlfpv{color:var(--text-primary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--integration-gradient);box-shadow:0 2px 8px #8b5cf64d;text-shadow:0 1px 2px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2)}.card-content.svelte-1lqlfpv{padding:1.5rem;flex:1;display:flex;flex-direction:column}.integration-name.svelte-1lqlfpv{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.integration-description.svelte-1lqlfpv{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.features-list.svelte-1lqlfpv{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.feature-tag.svelte-1lqlfpv{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.feature-tag.svelte-1lqlfpv i:where(.svelte-1lqlfpv){color:#10b981;font-size:.75rem;filter:drop-shadow(0 1px 2px rgba(16,185,129,.5))}.integration-footer.svelte-1lqlfpv{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-subtle)}.meta-info.svelte-1lqlfpv{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.actions.svelte-1lqlfpv{display:flex;gap:.5rem}.no-results.svelte-1lqlfpv{text-align:center;padding:4rem 2rem;background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:1.5rem;border:var(--glass-border);box-shadow:var(--glass-shadow)}.no-results-icon.svelte-1lqlfpv{width:4rem;height:4rem;background:var(--surface-elevated);border-radius:50%;border:var(--glass-border);box-shadow:0 4px 16px #0003;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;overflow:hidden}.no-results-icon.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:.1}.no-results-icon.svelte-1lqlfpv i:where(.svelte-1lqlfpv){font-size:1.5rem;color:var(--text-secondary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));position:relative;z-index:1}.no-results.svelte-1lqlfpv h3:where(.svelte-1lqlfpv){font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.no-results.svelte-1lqlfpv p:where(.svelte-1lqlfpv){color:var(--text-secondary);margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.custom-section.svelte-1lqlfpv{background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:1.5rem;border:var(--glass-border);box-shadow:var(--glass-shadow);padding:3rem;color:var(--text-primary);margin-bottom:4rem;position:relative;overflow:hidden;margin-left:1rem;margin-right:1rem}.custom-section.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:.1;z-index:-1}.custom-content.svelte-1lqlfpv{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;max-width:1000px;margin:0 auto}.custom-info.svelte-1lqlfpv h2:where(.svelte-1lqlfpv){font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.custom-info.svelte-1lqlfpv p:where(.svelte-1lqlfpv){font-size:1.125rem;margin-bottom:2rem;color:var(--text-secondary);line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.custom-features.svelte-1lqlfpv{display:flex;flex-direction:column;gap:.75rem}.feature.svelte-1lqlfpv{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.feature.svelte-1lqlfpv i:where(.svelte-1lqlfpv){width:1.5rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(245,158,11,.5))}.custom-actions.svelte-1lqlfpv{display:flex;flex-direction:column;gap:1rem}.custom-actions.svelte-1lqlfpv .btn:where(.svelte-1lqlfpv){justify-content:center}.developer-section.svelte-1lqlfpv{margin-bottom:4rem;margin-left:1rem;margin-right:1rem}.resources-grid.svelte-1lqlfpv{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.resource-card.svelte-1lqlfpv{background:var(--surface-glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:1.5rem;padding:2rem;border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.resource-card.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--integration-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.resource-card.svelte-1lqlfpv:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 20px #8b5cf633;border-color:#8b5cf64d}.resource-card.svelte-1lqlfpv:hover:before{opacity:.05}.resource-icon.svelte-1lqlfpv{width:3rem;height:3rem;background:var(--integration-gradient);border-radius:1rem;border:var(--glass-border);box-shadow:0 4px 16px #8b5cf64d;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;position:relative;overflow:hidden}.resource-icon.svelte-1lqlfpv:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.resource-card.svelte-1lqlfpv:hover .resource-icon:where(.svelte-1lqlfpv):before{transform:translate(100%)}.resource-icon.svelte-1lqlfpv i:where(.svelte-1lqlfpv){font-size:1.25rem;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.resource-card.svelte-1lqlfpv h3:where(.svelte-1lqlfpv){font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.resource-card.svelte-1lqlfpv p:where(.svelte-1lqlfpv){color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.resource-link.svelte-1lqlfpv{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.resource-link.svelte-1lqlfpv:hover{filter:drop-shadow(0 2px 8px rgba(59,130,246,.5));transform:translate(2px)}@media (max-width: 768px){.integrations-title.svelte-1lqlfpv{font-size:2rem}.featured-grid.svelte-1lqlfpv,.integrations-grid.svelte-1lqlfpv{grid-template-columns:1fr}.custom-content.svelte-1lqlfpv{grid-template-columns:1fr;text-align:center}.custom-actions.svelte-1lqlfpv{flex-direction:row;justify-content:center}.section-header.svelte-1lqlfpv{flex-direction:column;align-items:flex-start;gap:.5rem}.integration-footer.svelte-1lqlfpv{flex-direction:column;align-items:flex-start;gap:1rem}.actions.svelte-1lqlfpv{align-self:stretch}}@media (max-width: 480px){.integrations-page.svelte-1lqlfpv{padding:1rem 0}.integrations-header.svelte-1lqlfpv{margin:0 .5rem 2rem;padding:2rem 1rem}.integrations-title.svelte-1lqlfpv{font-size:1.75rem}.featured-card.svelte-1lqlfpv,.custom-section.svelte-1lqlfpv{padding:1.5rem;margin-left:.5rem;margin-right:.5rem}.developer-section.svelte-1lqlfpv{margin-left:.5rem;margin-right:.5rem}.custom-actions.svelte-1lqlfpv,.actions.svelte-1lqlfpv{flex-direction:column}}