/* Страница /donate.html — в стилистике основного сайта (synthwave). */
.donate { padding: 56px 0 80px; display: grid; gap: 40px; }
.donate__head { display: grid; gap: 8px; text-align: center; }
.donate__head h1 { font-size: clamp(28px, 4vw, 44px); margin: 0; }

.donate__tiers {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.donate__tier {
  position: relative;
  padding: 22px;
  border-radius: var(--radius-lg);
  background: linear-gradient(160deg, rgba(255, 138, 61, 0.12), rgba(255, 30, 138, 0.12));
  border: 1px solid var(--border-2);
  display: grid; gap: 14px;
  transition: transform 160ms, border-color 160ms;
}
.donate__tier:hover { transform: translateY(-2px); border-color: var(--accent, #ff8a3d); }

.donate__tier-label { font-size: 16px; font-weight: 600; color: var(--text); }
.donate__tier-amount {
  font-size: 28px; font-weight: 800;
  background: linear-gradient(90deg, #ffb05b, #ff5a7a, #d24bd1);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

.donate__how {
  background: rgba(15, 6, 35, 0.55);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 28px;
  display: grid; gap: 18px;
}
.donate__how h2 { margin: 0; font-size: 22px; }
.donate__steps {
  margin: 0; padding-left: 22px;
  display: grid; gap: 8px;
  color: var(--muted);
}
.donate__sbp {
  display: grid; gap: 12px;
  padding: 16px;
  background: var(--surface);
  border-radius: 12px;
  border: 1px solid var(--border);
}
.donate__sbp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  flex-wrap: wrap;
}
.donate__disclaimer { font-size: 13px; line-height: 1.5; }

@media (max-width: 540px) {
  .donate__sbp-row { flex-direction: column; align-items: flex-start; }
}