.plans__card[data-tier="freshspawn"]   { background: linear-gradient(160deg, rgba(100, 120, 90, 0.5) 0%, rgba(100, 120, 90, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #64785a; box-shadow: inset 0 0 0 1px rgba(100, 120, 90, 0.25); }
.plans__card[data-tier="survivor"]    { background: linear-gradient(160deg, rgba(140, 130, 100, 0.5) 0%, rgba(140, 130, 100, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #8c8264; box-shadow: inset 0 0 0 1px rgba(140, 130, 100, 0.25); }
.plans__card[data-tier="bandit"]      { background: linear-gradient(160deg, rgba(160, 80, 60, 0.5) 0%, rgba(160, 80, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #a0503c; box-shadow: inset 0 0 0 1px rgba(160, 80, 60, 0.25); }
.plans__card[data-tier="hero"]        { background: linear-gradient(160deg, rgba(70, 120, 180, 0.5) 0%, rgba(70, 120, 180, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #4678b4; box-shadow: inset 0 0 0 1px rgba(70, 120, 180, 0.25); }
.plans__card[data-tier="apocalypse"]  { background: linear-gradient(160deg, rgba(180, 50, 40, 0.5) 0%, rgba(180, 50, 40, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #b43228; box-shadow: inset 0 0 0 1px rgba(180, 50, 40, 0.25); }

.plans__card[data-tier="freshspawn"] .plans__card-btn,
.plans__card[data-tier="survivor"] .plans__card-btn,
.plans__card[data-tier="bandit"] .plans__card-btn,
.plans__card[data-tier="hero"] .plans__card-btn,
.plans__card[data-tier="apocalypse"] .plans__card-btn { color: #0d0b14; }

.plans__card.plans__card--popular[data-tier="bandit"] {
  overflow: visible;
  box-shadow: 0 0 0 2px var(--tier-color), 0 0 40px rgba(160, 80, 60, 0.25), 0 12px 40px rgba(0, 0, 0, 0.4);
}

.plans__card.plans__card--popular[data-tier="bandit"]:hover {
  box-shadow: 0 0 0 3px var(--tier-color), 0 0 56px rgba(160, 80, 60, 0.35), 0 20px 56px rgba(0, 0, 0, 0.5);
}

.plans__card.plans__card--popular[data-tier="bandit"] .plans__card-overlay {
  border-radius: 18px;
}