.flow-page{isolation:isolate;background:linear-gradient(180deg,#ecebf6 0%,#f2f1f9 380px,var(--canvas) 720px);flex-direction:column;display:flex}.flow-page:before{content:"";z-index:-1;pointer-events:none;background-image:var(--dots);background-size:var(--dots-size);position:absolute;inset:0;-webkit-mask-image:radial-gradient(140% 640px at 50% 0,#000 25%,#00000059 70%,#0000 100%);mask-image:radial-gradient(140% 640px at 50% 0,#000 25%,#00000059 70%,#0000 100%)}.flow-steps-wrap{padding:clamp(12px,2.5vh,28px) var(--gutter) 0;justify-content:center;display:flex}.flow-steps{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.flow-step{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.flow-step+.flow-step:before{content:"";background:var(--line);border-radius:2px;flex:none;width:clamp(20px,4vw,56px);height:1.5px;margin-right:2px}.flow-step.done+.flow-step:before{background:var(--brand-tint-2)}.flow-step-dot{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.flow-step-dot svg{width:13px;height:13px}.flow-step.done{color:var(--ink-soft)}.flow-step.done .flow-step-dot{border-color:var(--brand-tint-2);background:var(--brand-tint-2);color:var(--brand-deep)}.flow-step.active{color:var(--ink)}.flow-step.active .flow-step-dot{border-color:var(--brand-deep);background:var(--brand-deep);color:#fff;box-shadow:0 0 0 4px #5e5c8a24}.flow-main{width:100%;max-width:1180px;padding:clamp(28px,5vh,52px) var(--gutter) clamp(56px,9vh,104px);flex:1;margin:0 auto}.flow-nav-hint{color:var(--ink-soft);align-items:center;gap:6px;font-size:14px;display:inline-flex}.lv2 .flow-nav-hint a,.lv2 .flow-nav-hint button{font:inherit;color:var(--brand-deep);cursor:pointer;background:0 0;border:0;margin:-8px 0;padding:8px 0;font-weight:600}.lv2 .flow-nav-hint a:hover,.lv2 .flow-nav-hint button:hover{color:var(--brand-deeper)}.flow-nav-account{text-overflow:ellipsis;white-space:nowrap;max-width:240px;color:var(--muted);overflow:hidden}@media (max-width:640px){.flow-step{font-size:13px}.flow-step:not(.active) .flow-step-label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.flow-nav-hint .flow-nav-hint-lead,.flow-nav-account{display:none}}