.gw-flow-section{z-index:1;max-width:1100px;margin:0 auto 3rem;position:relative}.gw-flow-diagram{border:1px solid var(--border);background:#0d1117;border-radius:14px;flex-direction:column;align-items:center;min-height:600px;padding:2.5rem 1.5rem;display:flex;position:relative}.gw-request-path{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.gw-node{background:var(--surface2);border:2px solid var(--border2);text-align:center;z-index:2;border-radius:12px;min-width:180px;padding:1rem 1.5rem;font-size:.8rem;font-weight:700;transition:all .3s;position:relative}.gw-node.active{border-color:var(--blue);color:var(--blue);background:#00b0ff14;transform:scale(1.05);box-shadow:0 0 25px #00b0ff40}.gw-node.processing{border-color:var(--purple);color:var(--purple);background:#e040fb14;box-shadow:0 0 25px #e040fb33}.gw-node.error{border-color:var(--red);color:var(--red);background:#ff537014;box-shadow:0 0 25px #ff537033}.gw-middleware-stack{border:2px dashed var(--border2);background:#ffffff05;border-radius:16px;flex-direction:column;gap:.8rem;width:100%;max-width:320px;margin:1.5rem 0;padding:1.2rem;display:flex}.gw-middleware-node{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:.7rem;font-size:.7rem;transition:all .2s}.gw-middleware-node.active{border-color:var(--cyan);color:var(--cyan);background:#00d9ff0d}.gw-service-pool{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.gw-service-node{background:var(--surface2);border:2px solid var(--border2);text-align:center;border-radius:10px;min-width:110px;padding:.8rem 1.2rem;font-size:.75rem;transition:all .3s}.gw-service-node.active{border-color:var(--green);color:var(--green);background:#3effa314;box-shadow:0 0 20px #3effa326}.gw-connector{background:var(--border2);width:2px;height:30px;transition:all .3s;position:relative}.gw-connector.active{background:var(--blue);box-shadow:0 0 10px var(--blue)}.gw-arrow{text-align:center;color:var(--border2);margin:.5rem 0;font-size:1.2rem;transition:all .3s}.gw-arrow.active{color:var(--blue);transform:translateY(4px)}.gw-flow-steps{flex-direction:column;gap:.7rem;width:100%;max-width:600px;margin-top:2.5rem;display:flex}.gw-step{opacity:.2;align-items:center;gap:1rem;transition:all .3s;display:flex}.gw-step.active{opacity:1}.gw-step-num{border:2px solid var(--border2);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:700;display:flex}.gw-step.active .gw-step-num{border-color:var(--blue);color:var(--blue);background:#00b0ff1a}.gw-step-text{color:var(--text-dim);font-size:.75rem}.gw-step.active .gw-step-text{color:var(--text-hi)}.gw-resp-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem;display:grid}.gw-resp-card{border:1px solid var(--border);background:#0e1219;border-radius:12px;padding:1.2rem;transition:transform .2s}.gw-resp-card:hover{transform:translateY(-4px)}.gw-resp-title{color:var(--blue);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.gw-resp-desc{color:var(--text-dim);font-size:.75rem;line-height:1.5}@media (max-width:768px){.gw-middleware-stack{max-width:100%}}[data-theme=light] .gw-flow-section{--bg:#080b10;--surface:#0e1219;--surface2:#151c27;--border:#1e2a3a;--border2:#253040;--text:#c9d3e0;--text-dim:#5a6a7e;--text-hi:#eef2f8;--cyan:#00e5ff;--purple:#b985f4;--green:#3effa3;--dim:#1e1e2e;background:#12161f;border:1px solid #1e2a3a;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #00000026}