.workflow-container{color:var(--text-primary);padding-bottom:120rem}.workflow-hero{border-bottom:1rem solid var(--border-primary);background:var(--bg-primary);justify-content:center;align-items:center;min-height:480rem;margin-bottom:60rem;padding:80rem 0;display:flex;position:relative;overflow:hidden}.workflow-hero-bg{z-index:1;position:absolute;inset:0}.workflow-hero-overlay{background:radial-gradient(circle at 50% 50%, #020d1900 30%, #020d19d9 100%), linear-gradient(to bottom, transparent 60%, var(--bg-primary) 100%);pointer-events:none;z-index:2;position:absolute;inset:0}.workflow-hero-content{z-index:3;text-align:center;width:100%;position:relative}.workflow-title{letter-spacing:-2rem;color:#fff;margin-bottom:16rem;font-size:56rem;font-weight:800}.workflow-desc{color:var(--text-secondary);max-width:600rem;margin:0 auto;font-size:18rem;line-height:1.6}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20rem)}.fade-in.active{opacity:1;transform:translateY(0)}.scroll-reveal{opacity:0;will-change:transform, opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s}.reveal-left{transform:translate(-40rem)}.reveal-right{transform:translate(40rem)}.reveal-up{transform:translateY(40rem)}.scroll-reveal.revealed{opacity:1;transform:translate(0)}.workflow-interactive-section{margin-bottom:100rem}.workflow-layout-grid{grid-template-columns:1fr 1.3fr;align-items:flex-start;gap:60rem;display:grid}.workflow-panel-box{background:var(--card-bg,#0b111e);border:1rem solid var(--border-primary);border-radius:24rem;padding:40rem;box-shadow:0 20rem 50rem #0000004d}.workflow-subtitle-capsule{color:var(--accent-purple);text-transform:uppercase;letter-spacing:1rem;background:#863bff14;border:1rem solid #863bff26;border-radius:100rem;margin-bottom:16rem;padding:4rem 12rem;font-size:11rem;font-weight:700;display:inline-block}.workflow-panel-title{color:#fff;letter-spacing:-.5rem;margin-bottom:12rem;font-size:26rem;font-weight:700}.workflow-panel-desc{color:var(--text-secondary);margin-bottom:32rem;font-size:14rem;line-height:1.6}.custom-step-form{flex-direction:column;gap:20rem;margin-bottom:24rem;display:flex}.form-group{flex-direction:column;gap:8rem;width:100%;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5rem;font-size:12rem;font-weight:600}.form-input{border:1.5rem solid var(--border-primary);color:var(--text-primary);box-sizing:border-box;background:#020d1966;border-radius:12rem;outline:none;padding:12rem 16rem;font-size:14rem;transition:all .3s}.form-input:hover{background:#020d1999;border-color:#ffffff26}.form-input:focus{border-color:var(--accent-purple);background:#020d19cc;box-shadow:0 0 0 3rem #863bff26}.custom-add-btn{background:var(--text-primary);color:var(--bg-primary);border:1.5rem solid var(--text-primary);cursor:pointer;border-radius:100rem;justify-content:center;align-items:center;gap:8rem;padding:12rem 24rem;font-size:13rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4rem 12rem #ffffff0d}.custom-add-btn:hover{transform:translateY(-2rem);box-shadow:0 8rem 20rem #ffffff26}.custom-reset-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin:0 auto;font-size:12rem;font-weight:600;text-decoration:underline;transition:color .3s;display:block}.custom-reset-btn:hover{color:var(--accent-purple)}.workflow-board-wrapper{background:var(--card-bg,#0b111e);border:1rem solid var(--border-primary);border-radius:24rem;padding:40rem;box-shadow:0 20rem 50rem #0000004d}.workflow-board-title{color:#fff;align-items:center;gap:10rem;margin-bottom:8rem;font-size:20rem;font-weight:700;display:flex}.workflow-board-instructions{color:var(--text-secondary);margin-bottom:32rem;font-size:13rem}.indicator-bars-text{color:var(--accent-purple);font-weight:700}.sortable-pipeline{flex-direction:column;gap:16rem;width:100%;display:flex}.sortable-phase-card{border:1rem solid var(--border-primary);box-sizing:border-box;background:#ffffff05;border-radius:18rem;justify-content:space-between;align-items:center;padding:24rem 32rem;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 4rem 15rem #00000026}.sortable-phase-card:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 10rem 25rem #00000040}.sortable-phase-card.custom-phase{background:#06b6d408;border-color:#06b6d426}.sortable-phase-card.custom-phase:hover{background:#06b6d40d;border-color:#06b6d440}.phase-content-left{flex:1;align-items:center;gap:24rem;display:flex}.phase-number-tag{color:var(--accent-purple);opacity:.8;flex-shrink:0;width:40rem;font-size:26rem;font-weight:800;line-height:1}.sortable-phase-card.custom-phase .phase-number-tag{color:var(--accent-cyan)}.phase-details{flex:1}.phase-name{color:#fff;margin-bottom:6rem;font-size:17rem;font-weight:700}.phase-desc{color:var(--text-secondary);font-size:13rem;line-height:1.5}.phase-actions-right{align-items:center;gap:20rem;margin-left:20rem;display:flex}.phase-delete-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8rem;justify-content:center;align-items:center;margin:-8rem;padding:8rem;transition:all .3s;display:flex}.phase-delete-btn:hover{color:#ef4444;background:#ef444414}.drag-indicator{color:var(--text-secondary);opacity:.5;cursor:grab;flex-direction:column;gap:3rem;margin:-10rem;padding:10rem;transition:opacity .2s,color .2s;display:flex}.drag-indicator:hover{opacity:.9;color:var(--accent-purple)}.drag-indicator:active{cursor:grabbing}.drag-bar{background:currentColor;border-radius:1rem;width:16rem;height:2rem}.workflow-submit-section{margin-bottom:80rem}.workflow-submit-card{background:var(--card-bg,#0b111e);border:1rem solid var(--border-primary);border-radius:24rem;padding:50rem;box-shadow:0 20rem 50rem #0000004d}.workflow-submit-form-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:60rem;display:grid}.workflow-submit-info{max-width:440rem}.workflow-submit-title{letter-spacing:-1rem;color:#fff;margin-bottom:16rem;font-size:32rem;font-weight:800}.workflow-submit-desc{color:var(--text-secondary);font-size:15rem;line-height:1.6}.workflow-submit-form{flex-direction:column;gap:20rem;display:flex}.form-group-row{gap:20rem;display:flex}.workflow-capsule-btn{background:var(--accent-purple);cursor:pointer;color:#fff;border:1rem solid #ffffff0d;border-radius:100rem;align-self:flex-start;align-items:center;gap:16rem;padding:10rem 28rem 10rem 12rem;font-size:15rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 10rem 20rem -5rem #863bff4d}.workflow-capsule-btn:hover{background:#904eff;transform:translateY(-2rem);box-shadow:0 15rem 25rem -5rem #863bff66}.workflow-btn-circle{width:36rem;height:36rem;color:var(--accent-purple);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.workflow-capsule-btn:hover .workflow-btn-circle{transform:rotate(-45deg)}.form-error-msg{color:#ef4444;font-size:11rem;font-weight:500}.workflow-success-view{text-align:center;flex-direction:column;align-items:center;max-width:640rem;margin:0 auto;display:flex}.success-icon-wrapper{color:#22c55e;background:#22c55e1a;border:1.5rem solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;width:72rem;height:72rem;margin-bottom:24rem;animation:2s ease-in-out infinite success-pulse;display:flex}@keyframes success-pulse{0%{box-shadow:0 0 #22c55e4d}70%{box-shadow:0 0 0 12rem #22c55e00}to{box-shadow:0 0 #22c55e00}}.success-title{color:#fff;letter-spacing:-.5rem;margin-bottom:12rem;font-size:28rem;font-weight:800}.success-desc{color:var(--text-secondary);margin-bottom:32rem;font-size:15rem;line-height:1.6}.submitted-pipeline-preview{border:1.5rem solid var(--border-primary);box-sizing:border-box;text-align:left;background:#020d1966;border-radius:20rem;width:100%;margin-bottom:40rem;padding:28rem 36rem}.preview-heading{text-transform:uppercase;letter-spacing:.5rem;color:var(--text-secondary);border-bottom:1.5rem solid var(--border-primary);margin-bottom:20rem;padding-bottom:10rem;font-size:14rem;font-weight:700}.preview-list{flex-direction:column;gap:12rem;margin:0;padding:0;display:flex}.preview-item{align-items:center;gap:16rem;display:flex}.preview-number{color:var(--text-secondary);border:1rem solid var(--border-primary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:26rem;height:26rem;font-size:13rem;font-weight:700;display:flex}.preview-details{align-items:center;gap:8rem;display:flex}.preview-name{color:var(--text-primary);font-size:14rem;font-weight:600}.preview-custom-tag{color:var(--accent-cyan);text-transform:uppercase;background:#06b6d414;border:1rem solid #06b6d426;border-radius:4rem;padding:1rem 6rem;font-size:10rem;font-weight:700}.workflow-success-view .workflow-capsule-btn{align-self:center}@media (max-width:960px){.workflow-layout-grid,.workflow-submit-form-grid{grid-template-columns:1fr;gap:40rem}.workflow-submit-info{text-align:center;max-width:100%}}@media (max-width:768px){.workflow-title{font-size:42rem}.workflow-desc{padding:0 16rem;font-size:16rem}.workflow-panel-box,.workflow-board-wrapper{padding:30rem 20rem}.sortable-phase-card{padding:20rem}.phase-number-tag{width:30rem;font-size:22rem}.phase-name{font-size:15rem}.phase-desc{font-size:12rem}.workflow-submit-card{padding:30rem 20rem}.form-group-row{flex-direction:column;gap:20rem}}.pipeline-empty-state{text-align:center;color:var(--text-secondary);background:#ffffff03;border:1.5rem dashed #ffffff1a;border-radius:18rem;padding:50rem 20rem;font-size:14rem}.form-error-banner{color:#ef4444;background:#ef444414;border:1.5rem solid #ef444433;border-radius:14rem;margin-bottom:10rem;padding:14rem 20rem;font-size:13rem;font-weight:500;line-height:1.5}