#datapreplab-login-flow{--flow-ink:var(--foreground);--flow-color:color-mix(in srgb,var(--green) 65%,var(--foreground));color:var(--flow-ink);font-family:inherit}
    #datapreplab-login-flow .flow-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:0;margin-bottom:calc(var(--font-size-base)*2)}
    #datapreplab-login-flow .identity{display:flex;align-items:center;gap:12px}
    #datapreplab-login-flow .identity-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--flow-color);background:color-mix(in srgb,var(--flow-color) 12%,transparent)}
    #datapreplab-login-flow .brand-credit{color:var(--muted-foreground)}
    #datapreplab-login-flow .flow-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:74px 40px;padding:20px 0 26px}
    #datapreplab-login-flow .flow-scene::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 65% 30%,color-mix(in srgb,var(--flow-color) 5%,transparent),transparent 65%),radial-gradient(ellipse at 25% 65%,color-mix(in srgb,var(--orange) 4%,transparent),transparent 70%)}
    #datapreplab-login-flow .flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
    #datapreplab-login-flow .route{stroke:var(--border);stroke-width:1.5;fill:none}
    #datapreplab-login-flow .direction{fill:var(--flow-color);opacity:.6}
    #datapreplab-login-flow .packet{fill:var(--orange)}
    #datapreplab-login-flow .packet-glow{fill:var(--orange);opacity:.12}
    #datapreplab-login-flow .flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:174px;text-align:center;position:relative;min-width:0}
    #datapreplab-login-flow .step{color:var(--muted-foreground)}
    #datapreplab-login-flow .node-symbol{height:64px;width:64px;border-radius:50%;display:grid;place-items:center;color:var(--flow-color);background:color-mix(in srgb,var(--flow-color) 8%,var(--background));transition:background .5s,box-shadow .5s,transform .5s}
    #datapreplab-login-flow .node-symbol>svg{transform:scale(1.6)}
    #datapreplab-login-flow .flow-node.is-active .node-symbol{background:color-mix(in srgb,var(--flow-color) 19%,var(--background));box-shadow:0 0 0 9px color-mix(in srgb,var(--flow-color) 5%,transparent),0 0 38px color-mix(in srgb,var(--flow-color) 13%,transparent);transform:translateY(-3px)}
    #datapreplab-login-flow .flow-node.is-active h3{color:var(--flow-color)}
    #datapreplab-login-flow .node-caption{color:var(--muted-foreground)}
    #datapreplab-login-flow .mini-items{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}
    #datapreplab-login-flow .mini-items>span{display:flex;align-items:center;gap:5px}
    #datapreplab-login-flow .mini-items svg{color:var(--flow-color)}
    #datapreplab-login-flow .lakehouse .node-symbol{height:82px;width:82px;background:color-mix(in srgb,var(--flow-color) 15%,var(--background))}
    #datapreplab-login-flow .insights{grid-column:3;grid-row:2}
    #datapreplab-login-flow .genai{grid-column:2;grid-row:2}
    #datapreplab-login-flow .flow-signature{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
    #datapreplab-login-flow .flow-signature h2{color:var(--flow-color)}
    #datapreplab-login-flow .flow-signature p{color:var(--muted-foreground)}
    #datapreplab-login-flow .flow-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:calc(var(--font-size-base)*1.5)}
    #datapreplab-login-flow .stage-indicator{display:flex;align-items:center;gap:8px;color:var(--muted-foreground)}
    #datapreplab-login-flow .stage-light{width:7px;height:7px;border-radius:50%;background:var(--flow-color)}
    #datapreplab-login-flow .flow-foot-note{color:var(--muted-foreground)}
    @media(max-width:620px){
      #datapreplab-login-flow .flow-heading{padding-right:0;align-items:flex-start}
      #datapreplab-login-flow .flow-scene{grid-template-columns:minmax(0,1fr);gap:48px;padding:12px 0}
      #datapreplab-login-flow .flow-node{min-height:155px}
      #datapreplab-login-flow .insights,#datapreplab-login-flow .genai,#datapreplab-login-flow .flow-signature{grid-column:auto;grid-row:auto}
      #datapreplab-login-flow .flow-signature{text-align:center;margin-top:16px}
    }
    @media(prefers-reduced-motion:reduce){#datapreplab-login-flow .node-symbol{transition:none}}
  
#datapreplab-login-flow{--foreground:var(--text);--green:var(--accent);--orange:#d5972f;--border:var(--line);--background:var(--bg);--muted-foreground:var(--muted);--font-size-base:14px;font-size:14px}
#datapreplab-login-flow h2,#datapreplab-login-flow h3,#datapreplab-login-flow p{margin:0}
#datapreplab-login-flow h2{font-size:21px;line-height:1.3}#datapreplab-login-flow h3{font-size:17px;font-weight:650}#datapreplab-login-flow .text-small{font-size:12px}#datapreplab-login-flow .flow-signature h2{font-size:29px}#datapreplab-login-flow .flow-scene{column-gap:24px}#datapreplab-login-flow .flow-heading button{font-size:12px;padding:7px 12px}