/* Credit packages */
.credit-packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
.credit-pkg {
  background: var(--navy-3); border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius); padding: 1rem .75rem;
  text-align: center; display: flex; flex-direction: column;
  gap: .3rem; transition: all .2s; position: relative;
  color: var(--white); text-decoration: none;
}
.credit-pkg:hover { border-color: var(--teal); transform: translateY(-2px); color: var(--white); }
.credit-pkg--popular { border-color: rgba(0,212,190,.4); background: rgba(0,212,190,.06); }
.credit-pkg__badge { position: absolute; top: -.6rem; left: 50%; transform: translateX(-50%);
  background: var(--teal); color: var(--navy); font-size: .65rem; font-weight: 700;
  padding: .15rem .5rem; border-radius: 1rem; white-space: nowrap; }
.credit-pkg__amount { font-family: 'Syne', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--teal); }
.credit-pkg__label { font-size: .75rem; color: var(--gray-2); }
.credit-pkg__price { font-size: .9rem; font-weight: 600; margin-top: .25rem; }

/* Join info */
.join-info { background: var(--navy-3); border-radius: 8px; padding: 1rem; display: flex; flex-direction: column; gap: .5rem; }
.join-info__item { font-size: .88rem; color: var(--gray-2); }

/* positive/negative colors (standalone) */
.positive { color: var(--success) !important; }
.negative { color: var(--danger) !important; }