.wsp-wrap{width:min(1100px,92%);margin-inline:auto;padding:26px 0}
.wsp-card{
  background: rgba(12,35,70,.62);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  padding:16px;
}
.wsp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wsp-grid-1{display:grid;grid-template-columns:1fr;gap:14px}
.wsp-field label{display:block;font-weight:800;margin:0 0 6px}
.wsp-field input,.wsp-field select,.wsp-field textarea{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  color:#eaf2ff;
  outline:none;
}
.wsp-field input::placeholder,.wsp-field textarea::placeholder{color:rgba(234,242,255,.55)}
.wsp-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:16px;
  border:1px solid rgba(255,255,255,0.12);
  background: linear-gradient(135deg, rgba(70,177,255,.9), rgba(124,77,255,.9));
  color:#07162f;font-weight:900;cursor:pointer
}
.wsp-btn.secondary{background: rgba(255,255,255,0.06); color:#eaf2ff}
.wsp-note{color:rgba(234,242,255,.75);font-size:14px}
.wsp-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.wsp-step{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
}
.wsp-badge{
  width:26px;height:26px;border-radius:10px;display:grid;place-items:center;
  font-weight:900;background: rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.10)
}
.wsp-step.active{border-color: rgba(70,177,255,0.55); background: rgba(70,177,255,0.10)}
.wsp-step.done{opacity:.85}
.wsp-files a{color:#46b1ff}
@media (max-width:900px){
  .wsp-grid{grid-template-columns:1fr}
}