* { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: 'Inter', system-ui, sans-serif; background: #050816; color: #fff; overflow-x: hidden; }
    @keyframes data-flow { 0%{ background-position:0% 50% } 100%{ background-position:200% 50% } }
    .anim-data-flow { animation: data-flow 3s linear infinite; background-size: 200% 100%; }
    .step-connector { position:relative; }
    @media(min-width:1024px) {
      .step-connector::after { content:''; position:absolute; top:50%; right:-1.25rem; width:1.5rem; height:2px; background:linear-gradient(90deg, rgba(0,212,255,0.2), rgba(0,212,255,0.05)); }
      .step-connector:last-child::after { display:none; }
    .code-block { background: rgba(0,0,0,0.4); border: 1px solid rgba(0,212,255,0.08); }
    .code-line-number { color: rgba(255,255,255,0.15); user-select: none; }
    .code-key { color: #7C3AED; }
    .code-string { color: #00FF9D; }
    .code-bracket { color: rgba(255,255,255,0.3); }