.wizard-wrap{padding:18px 0 40px}
.wizard-hero{padding:10px 0 18px}
.wizard-meta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}

.wizard-shell{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap:16px;
  align-items:start;
}

@media (max-width: 980px){
  .wizard-shell{grid-template-columns:1fr}
}

.wizard-steps{
  border:1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(14,15,18,.72);
  box-shadow: var(--shadow);
  padding:14px;
  position:sticky;
  top:86px;
}

@media (max-width:980px){
  .wizard-steps{position:relative;top:auto}
}

.wizard-steps__title{font-weight:900;margin-bottom:10px}
.wizard-steps ol{margin:0;padding-left:18px;color:var(--muted);line-height:1.5}
.wizard-steps li{margin:6px 0;cursor:pointer}
.wizard-steps li.active{color:var(--text);font-weight:900}
.wizard-steps li.done{color: rgba(212,175,55,.9)}

.wizard-sidebox{
  margin-top:14px;
  border-top:1px solid var(--line);
  padding-top:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.wizard-sidebox__title{font-weight:900}

.wizard-main{min-width:0}
.wizard-card{
  border:1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(14,15,18,.85), rgba(11,12,15,.85));
  box-shadow: var(--shadow);
  padding:14px;
}

.wizard-card__head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
}

.wizard-kicker{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.25);
  color: var(--muted);
  background: rgba(7,7,8,.45);
  font-weight:900;
  font-size:12px;
  margin-bottom:8px;
}

.wizard-sub{color:var(--muted);margin:6px 0 0;line-height:1.55}
.wizard-nav{display:flex;gap:10px;flex-wrap:wrap}

.wizard-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:14px 0 10px;
}

.tab{
  display:inline-flex;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.25);
  background: rgba(7,7,8,.45);
  color: var(--muted);
  font-weight:900;
  font-size:12px;
  cursor:pointer;
}
.tab.active{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color:#0b0b0c;
  border:none;
}

.wizard-form{margin-top:10px}
.field{
  display:grid;
  gap:6px;
  margin:12px 0;
}
.label{font-weight:900}
.help{color:var(--muted);font-size:13px;line-height:1.45}

.input2, .select2, .textarea2{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background: rgba(14,15,18,.75);
  color:var(--text);
  outline:none;
}
.textarea2{min-height:92px;resize:vertical}
.input2:focus,.select2:focus,.textarea2:focus{
  border-color: rgba(212,175,55,.6);
  box-shadow: 0 0 0 1px rgba(212,175,55,.4);
}

.wizard-form__footer{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.wizard-hint{color:var(--muted);font-size:13px;line-height:1.45;max-width:760px}

.wizard-done{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.wizard-done__actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}