.visualizer-container.svelte-1bantzn{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.title.svelte-1bantzn{text-align:center;color:#2d3748;margin-bottom:2rem;font-size:2rem;font-weight:700}.request-selection.svelte-1bantzn{margin-bottom:2rem}.request-selection.svelte-1bantzn h3:where(.svelte-1bantzn){color:#4a5568;margin-bottom:1rem;text-align:center}.request-buttons.svelte-1bantzn{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.request-buttons.svelte-1bantzn{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.request-btn.svelte-1bantzn{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.request-btn.svelte-1bantzn:hover:not(:disabled){border-color:#ed8936;transform:translateY(-2px);box-shadow:0 4px 12px #ed893633}.request-btn.active.svelte-1bantzn{border-color:#ed8936;background:linear-gradient(135deg,#fef5e7,#fffaf0)}.request-btn.svelte-1bantzn:disabled{opacity:.5;cursor:not-allowed;transform:none}.request-header.svelte-1bantzn{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.client-icon.svelte-1bantzn{font-size:1.2rem}.request-name.svelte-1bantzn{font-weight:600;color:#2d3748}.request-endpoint.svelte-1bantzn{font-family:Monaco,Consolas,monospace;background:#f7fafc;color:#4a5568;padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;margin-bottom:.5rem}.request-desc.svelte-1bantzn{font-size:.9rem;color:#718096}.current-request.svelte-1bantzn{background:linear-gradient(135deg,#fef5e7,#fffaf0);border:2px solid #ed8936;border-radius:.75rem;padding:1rem;margin-bottom:2rem;text-align:center}.request-info.svelte-1bantzn{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.request-client.svelte-1bantzn{font-weight:600;color:#2d3748}.request-arrow.svelte-1bantzn{color:#ed8936;font-size:1.2rem}.request-endpoint-display.svelte-1bantzn{font-family:Monaco,Consolas,monospace;background:#f7fafc;color:#4a5568;padding:.25rem .75rem;border-radius:.25rem}.step-details.svelte-1bantzn{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#4a5568;font-size:.9rem}.pulse-dot.svelte-1bantzn{width:8px;height:8px;background:#ed8936;border-radius:50%;animation:svelte-1bantzn-pulse 1.5s infinite}.architecture.svelte-1bantzn{display:grid;grid-template-rows:auto auto auto auto auto;gap:2rem;margin-bottom:3rem;min-height:600px}.section-title.svelte-1bantzn{text-align:center;color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.clients-container.svelte-1bantzn,.services-container.svelte-1bantzn{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.clients-container.svelte-1bantzn,.services-container.svelte-1bantzn{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.component.svelte-1bantzn{background:#fff;border:3px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s ease;min-height:200px}.component.active.svelte-1bantzn{transform:scale(1.05);box-shadow:0 12px 40px #00000026}.component.client.mobile.active.svelte-1bantzn{border-color:#48bb78;background:linear-gradient(135deg,#f0fff4,#e6fffa)}.component.client.web.active.svelte-1bantzn{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e6f0ff)}.component.gateway.active.svelte-1bantzn{border-color:#ed8936;background:linear-gradient(135deg,#fef5e7,#fffaf0)}.component.service.auth.active.svelte-1bantzn{border-color:#9f7aea;background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.component.service.users.active.svelte-1bantzn{border-color:#38b2ac;background:linear-gradient(135deg,#f0fdfa,#e6fffa)}.component.service.products.active.svelte-1bantzn{border-color:#e53e3e;background:linear-gradient(135deg,#fef5f5,#fed7d7)}.component-header.svelte-1bantzn{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem}.component-icon.svelte-1bantzn{font-size:1.5rem}.component-name.svelte-1bantzn{font-weight:700;color:#2d3748;flex:1}.gateway-status.svelte-1bantzn{display:flex;align-items:center}.status-indicator.svelte-1bantzn{background:#e2e8f0;color:#4a5568;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.status-indicator.active.svelte-1bantzn{background:#48bb78;color:#fff;animation:svelte-1bantzn-pulse 2s infinite}.component-content.svelte-1bantzn{min-height:100px}.client-features.svelte-1bantzn,.service-features.svelte-1bantzn{display:flex;flex-direction:column;gap:.5rem}.feature.svelte-1bantzn{font-size:.85rem;color:#718096;background:#f7fafc;padding:.4rem .6rem;border-radius:.25rem;transition:all .3s ease}.feature.active.svelte-1bantzn{background:#ed8936;color:#fff;transform:scale(1.02)}.feature-group.svelte-1bantzn h5:where(.svelte-1bantzn){color:#2d3748;margin-bottom:.75rem;font-size:.9rem}.feature-icon.svelte-1bantzn{margin-right:.5rem}.activity.svelte-1bantzn{background:#e6fffa;color:#276749;padding:.75rem;border-radius:.5rem;font-size:.9rem;text-align:center;margin-top:1rem;animation:svelte-1bantzn-pulse 1.5s infinite}.connections-to-gateway.svelte-1bantzn,.connections-to-services.svelte-1bantzn{position:relative;height:3rem;display:flex;justify-content:center;align-items:center}.connection.svelte-1bantzn{position:absolute;height:3px;background:#e2e8f0;transition:all .3s ease}.connection.active.svelte-1bantzn{background:#ed8936;box-shadow:0 0 10px #ed893680;animation:svelte-1bantzn-pulse 1s infinite}.mobile-to-gateway.svelte-1bantzn{width:25%;left:25%;transform:rotate(-15deg)}.web-to-gateway.svelte-1bantzn{width:25%;right:25%;transform:rotate(15deg)}.gateway-to-auth.svelte-1bantzn{width:20%;left:10%;transform:rotate(-20deg)}.gateway-to-users.svelte-1bantzn{width:20%;left:40%}.gateway-to-products.svelte-1bantzn{width:20%;right:10%;transform:rotate(20deg)}.controls.svelte-1bantzn{text-align:center;margin-bottom:2rem}.trigger-btn.svelte-1bantzn{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;border-radius:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.trigger-btn.svelte-1bantzn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ed89364d}.trigger-btn.svelte-1bantzn:disabled{opacity:.6;cursor:not-allowed;transform:none}.request-flow.svelte-1bantzn{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.request-flow.svelte-1bantzn h4:where(.svelte-1bantzn){color:#2d3748;margin-bottom:1rem;text-align:center}.flow-path.svelte-1bantzn{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.flow-step.svelte-1bantzn{display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-icon.svelte-1bantzn{font-size:1.5rem}.step-name.svelte-1bantzn{font-size:.8rem;color:#4a5568;text-align:center;font-weight:500}.flow-arrow.svelte-1bantzn{color:#ed8936;font-size:1.5rem;font-weight:700}.benefits-section.svelte-1bantzn{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;padding:2rem}.benefits-section.svelte-1bantzn h3:where(.svelte-1bantzn){color:#2d3748;margin-bottom:1.5rem;text-align:center;font-size:1.3rem}.benefits-grid.svelte-1bantzn{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.benefit-card.svelte-1bantzn{background:#f7fafc;border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .3s ease}.benefit-card.svelte-1bantzn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefit-icon.svelte-1bantzn{font-size:2rem;margin-bottom:1rem}.benefit-title.svelte-1bantzn{font-weight:600;color:#2d3748;margin-bottom:.75rem;font-size:1.1rem}.benefit-description.svelte-1bantzn{color:#4a5568;font-size:.9rem;line-height:1.4}@keyframes svelte-1bantzn-pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 1200px){.connections-to-gateway.svelte-1bantzn,.connections-to-services.svelte-1bantzn{display:none}}@media (max-width: 768px){.request-buttons.svelte-1bantzn,.clients-container.svelte-1bantzn,.services-container.svelte-1bantzn{grid-template-columns:1fr}.flow-path.svelte-1bantzn{flex-direction:column;gap:1rem}.flow-arrow.svelte-1bantzn{transform:rotate(90deg)}.benefits-grid.svelte-1bantzn{grid-template-columns:1fr}}.container[data-astro-cid-nnbbdqza]{animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}