/* old */
.cyc-wrapper { background:#000; color:#fff; padding:40px }
.cyc-title { text-align:center; font-size:40px; margin-bottom:20px }
.cyc-tabs { display:flex; justify-content:center; gap:10px; margin-bottom:20px }
.cyc-tabs button { padding:10px 20px; border-radius:20px; border:1px solid #333; background:#111; color:#000; cursor:pointer }
.cyc-tabs button.active { background-image: linear-gradient(to right, rgb(217, 255, 0), rgb(55, 196, 203)); color:#000 }
.cyc-table { display:flex; overflow-x:auto;justify-content: center; }
.cyc-labels { min-width:200px;margin-right:15px; }
.cyc-columns { display:flex; gap:10px }
.cyc-label, .cyc-cell { background:#111; padding:10px; margin-bottom:6px; border-radius:8px; text-align:center; line-height:33px; }
.cyc-cell.head { font-size:22px; font-weight:bold }
.cyc-cell.price strong { color:#d9ff00; font-size:20px }


/* New */
.cyc-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.cyc-tabs button {
  padding: 10px 18px;
  border-radius: 100px 100px 100px 100px;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
}
.cyc-tabs button:hover {
    background: transparent;
}
/* =======================
   1 STEP (GREEN BASE)
======================= */
#challenge-tabs button.one-step.active {
  background-image: linear-gradient(116deg, #C3F71B 0%, #3AB5B0 100%);
  color: #fff;
}

#plan-tabs button.one-step.active[data-plan="standard"] {
  background-image: linear-gradient(116deg, #C3F71B 0%, #3AB5B0 100%);
  color: #fff;
}

#plan-tabs button.one-step.active[data-plan="futures"] {
  background-image: linear-gradient(to right, rgb(6, 182, 212), rgb(59, 130, 246));
  color: #fff;
}

#plan-tabs button.one-step.active[data-plan="crypto"] {
  background-image: linear-gradient(to right, rgb(245, 158, 11), rgb(239, 68, 68));
  color: #fff;
}

/* =======================
   2 STEP (PINK BASE)
======================= */
#challenge-tabs button.two-step.active {
  background-image: linear-gradient(to right, rgb(102, 37, 209), rgb(236, 72, 153));
  color: #fff;
}

#plan-tabs button.two-step.active[data-plan="standard"] {
  background-image: linear-gradient(to right, rgb(102, 37, 209), rgb(236, 72, 153));
  color: #fff;
}

#plan-tabs button.two-step.active[data-plan="futures"] {
  background-image: linear-gradient(to right, rgb(6, 182, 212), rgb(59, 130, 246));
  color: #fff;
}

#plan-tabs button.two-step.active[data-plan="crypto"] {
  background-image: linear-gradient(to right, rgb(245, 158, 11), rgb(239, 68, 68));
  color: #fff;
}

/* =======================
   INSTANT (ORANGE BASE)
======================= */
#challenge-tabs button.instant.active {
  background-image: linear-gradient(to right, rgb(245, 158, 11), rgb(239, 68, 68));
  color: #fff;
}

#plan-tabs button.instant.active[data-plan="standard"] {
  background-image: linear-gradient(to right, rgb(245, 158, 11), rgb(239, 68, 68));
  color: #fff;
}

#plan-tabs button.instant.active[data-plan="futures"] {
  background-image: linear-gradient(to right, rgb(6, 182, 212), rgb(59, 130, 246));
  color: #fff;
}

#plan-tabs button.instant.active[data-plan="crypto"] {
  background-image: linear-gradient(to right, rgb(247, 147, 26), rgb(251, 191, 36));
  color: #000;
}

/* Get Funded button */

.cyc-cell.cyc-action {
    background-image: linear-gradient(116deg, #C3F71B 0%, #3AB5B0 100%);
  border-radius: 100px;
}
.cyc-cell.cyc-action a {
    color:#000;
    font-weight: 600;
}