.flow-shell,.joint-shell{max-width:72rem}.flow-progress-bar,.joint-progress-bar{height:.35rem;border-radius:9999px;background:#1e40af1f;overflow:hidden}.flow-progress-fill,.joint-progress-fill{height:100%;width:33%;border-radius:9999px;background:linear-gradient(90deg,var(--p2-navy),var(--p2-blue));transition:width .35s ease}.flow-step-dot,.joint-step-dot{width:1.75rem;height:1.75rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid var(--p2-line);background:#fff;color:var(--p2-muted);transition:all .2s ease;flex-shrink:0}.flow-step-dot.is-active,.flow-step-dot.is-done,.joint-step-dot.is-active,.joint-step-dot.is-done{border-color:var(--p2-blue);background:var(--p2-blue);color:#fff;box-shadow:0 4px 12px #1e40af40}.flow-step-dot.is-done,.joint-step-dot.is-done{background:#059669;border-color:#059669}.flow-form-panel,.joint-form-panel{display:none}.flow-form-panel.is-active,.joint-form-panel.is-active{display:block}.flow-label,.joint-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--p2-muted);margin-bottom:.45rem}.flow-input-icon,.joint-input-icon,.input-with-icon{position:relative;display:block}.flow-input-icon>i,.joint-input-icon>i,.input-with-icon>i.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.8rem;pointer-events:none;z-index:2;width:1rem;text-align:center;line-height:1;display:inline-flex;align-items:center;justify-content:center}.flow-input-icon .p2-input,.joint-input-icon .p2-input,.flow-input-icon input:not([type=checkbox]):not([type=radio]),.joint-input-icon input:not([type=checkbox]):not([type=radio]),.flow-input-icon select,.joint-input-icon select,.input-with-icon input:not([type=checkbox]):not([type=radio]),.input-with-icon select,.p2-card .joint-input-icon .p2-input,.p2-card .flow-input-icon .p2-input,.p2-card .joint-input-icon select.p2-input{padding-left:2.85rem!important}.flow-input-icon--toggle input,.flow-input-icon--toggle .p2-input{padding-right:2.85rem!important}.flow-input-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:none;padding:.25rem;cursor:pointer;transition:color .2s ease}.flow-input-toggle:hover{color:#64748b}@media (min-width: 768px){.flow-input-icon>i,.joint-input-icon>i,.input-with-icon>i.input-icon{left:1.05rem;font-size:.875rem}.flow-input-icon .p2-input,.joint-input-icon .p2-input,.flow-input-icon input:not([type=checkbox]):not([type=radio]),.joint-input-icon input:not([type=checkbox]):not([type=radio]),.flow-input-icon select,.joint-input-icon select,.input-with-icon input:not([type=checkbox]):not([type=radio]),.input-with-icon select,.p2-card .joint-input-icon .p2-input,.p2-card .flow-input-icon .p2-input,.p2-card .joint-input-icon select.p2-input{padding-left:3rem!important}}.flow-status,.joint-status{border-radius:.85rem;padding:.75rem 1rem;font-size:.875rem;text-align:center}.flow-status:empty,.joint-status:empty{display:none}.flow-status.is-error,.joint-status.is-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.flow-status.is-success,.joint-status.is-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.flow-status.is-info,.joint-status.is-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.flow-holder-pick,.joint-holder-pick{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.flow-holder-pick button,.joint-holder-pick button{border:1.5px solid var(--p2-line);border-radius:1rem;padding:1rem;text-align:left;background:#fff;transition:border-color .2s,box-shadow .2s,background .2s}.flow-holder-pick button:hover,.joint-holder-pick button:hover{border-color:#cbd5e1;background:#f8fafc}.flow-holder-pick button.is-selected,.joint-holder-pick button.is-selected{border-color:var(--p2-blue);background:linear-gradient(135deg,#eff6ff,#f8fafc);box-shadow:0 0 0 3px #1e40af1a}.flow-holder-card,.joint-holder-card{border:1px solid var(--p2-line);border-radius:1.1rem;background:#fff;overflow:hidden}.flow-holder-card-head,.joint-holder-card-head{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--p2-line);background:linear-gradient(180deg,#fafbfc,#f8fafc)}.flow-holder-badge,.joint-holder-badge{width:2rem;height:2rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff}.flow-holder-badge.primary,.joint-holder-badge.primary{background:linear-gradient(145deg,#1e40af,#1e3a8a)}.flow-holder-badge.secondary,.joint-holder-badge.secondary{background:linear-gradient(145deg,#0f766e,#0d9488)}.flow-holder-badge.tertiary,.joint-holder-badge.tertiary{background:linear-gradient(145deg,#7c3aed,#6d28d9)}.flow-type-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.flow-type-grid{gap:1rem}}.flow-type-btn,.account-type-btn{position:relative;display:flex;align-items:flex-start;gap:1rem;width:100%;text-align:left;padding:1.1rem 1.15rem;border:1.5px solid var(--p2-line);border-radius:1rem;background:#fff;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.flow-type-btn:hover,.account-type-btn:hover{border-color:#93c5fd;background:#f8fbff;transform:translateY(-1px);box-shadow:0 8px 20px #1e40af14}.flow-type-btn.is-selected,.account-type-btn.is-selected{border-color:var(--p2-blue);background:linear-gradient(135deg,#eff6ff,#f8fafc);box-shadow:0 0 0 3px #1e40af1f}.flow-type-btn .type-icon,.account-type-btn .type-icon{width:3rem;height:3rem;border-radius:.85rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:var(--p2-blue);font-size:1.05rem}.flow-type-btn.is-selected .type-icon,.account-type-btn.is-selected .type-icon{background:var(--p2-blue);color:#fff}.flow-type-btn .type-copy h3,.account-type-btn .type-copy h3{font-size:1.05rem;font-weight:700;color:var(--p2-ink);margin:0 0 .2rem}.flow-type-btn .type-copy p,.account-type-btn .type-copy p{font-size:.875rem;color:var(--p2-muted);margin:0;line-height:1.4}.flow-type-btn .type-check,.account-type-btn .type-check{margin-left:auto;width:1.35rem;height:1.35rem;border-radius:9999px;border:1.5px solid #cbd5e1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;font-size:.65rem;transition:all .15s ease}.flow-type-btn.is-selected .type-check,.account-type-btn.is-selected .type-check{background:var(--p2-blue);border-color:var(--p2-blue);color:#fff}.flow-form-shell input:not([type=checkbox]):not([type=radio]),.flow-form-shell select,.flow-form-shell textarea,.signup-flow-panel input:not([type=checkbox]):not([type=radio]),.signup-flow-panel select,.signup-flow-panel textarea{width:100%;border:1px solid var(--p2-line);border-radius:.85rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--p2-ink);background:#fafbfc;transition:border-color .2s,box-shadow .2s}.flow-form-shell .flow-input-icon input,.flow-form-shell .joint-input-icon input,.flow-form-shell .input-with-icon input,.flow-form-shell .flow-input-icon select,.flow-form-shell .joint-input-icon select,.flow-form-shell .input-with-icon select,.signup-flow-panel .flow-input-icon input,.signup-flow-panel .joint-input-icon input,.signup-flow-panel .input-with-icon input,.signup-flow-panel .flow-input-icon select,.signup-flow-panel .joint-input-icon select,.signup-flow-panel .input-with-icon select,.p2-card .flow-input-icon input,.p2-card .joint-input-icon input,.p2-card .flow-input-icon select,.p2-card .joint-input-icon select,.p2-card .joint-input-icon .p2-input{padding-left:2.85rem!important}.flow-form-shell input:focus,.flow-form-shell select:focus,.flow-form-shell textarea:focus,.signup-flow-panel input:focus,.signup-flow-panel select:focus,.signup-flow-panel textarea:focus{outline:none;border-color:var(--p2-blue);box-shadow:0 0 0 3px #1e40af1f}.flow-form-shell label,.signup-flow-panel label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--p2-muted);margin-bottom:.45rem}.flow-hub-card{border:1px solid var(--p2-line);border-radius:calc(var(--p2-radius) + .05rem);background:var(--p2-card);padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.flow-hub-card:hover{transform:translateY(-2px);border-color:#1e40af33;box-shadow:var(--p2-shadow-sm)}.flow-snapshot-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--p2-line)}.flow-snapshot-item:last-child{border-bottom:none}