.vip-preview-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
  gap: clamp(34px, 6vw, 76px);
  align-items: center;
  padding: 38px 0;
  border-top: 1px solid rgba(154, 171, 164, .22);
  border-bottom: 1px solid rgba(154, 171, 164, .22);
  background: radial-gradient(circle at 82% 50%, rgba(185, 255, 90, .055), transparent 30%);
}

.vip-preview-copy { min-width: 0; }

.vip-preview-copy h2 {
  margin: 9px 0 12px;
  font-size: clamp(1.85rem, 3.5vw, 3rem);
  line-height: 1.06;
  letter-spacing: -.04em;
}

.vip-preview-description {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
}

.vip-feature-label {
  margin: 24px 0 10px;
  color: #cbd7d2;
  font-size: .86rem;
  font-weight: 750;
}

.vip-features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.vip-features span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 5px 11px;
  border: 1px solid rgba(154, 171, 164, .23);
  border-radius: 999px;
  background: rgba(12, 26, 22, .52);
  color: #c3d0cb;
  font-size: .82rem;
  white-space: nowrap;
}

.vip-preview-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.vip-preview-actions .btn {
  width: 100%;
  min-height: 46px;
  padding-block: 10px;
}

.vip-preview-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 7px 2px;
  border-bottom: 1px solid rgba(195, 208, 203, .4);
  color: #c3d0cb;
  font-weight: 720;
  transition: color .18s ease, border-color .18s ease;
}

.vip-preview-link:hover,
.vip-preview-link:focus-visible {
  border-color: var(--lime);
  color: var(--lime);
}

.vip-qualification {
  margin: 1px 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.6;
}

@media (max-width: 800px) {
  .vip-preview-panel {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 30px 0;
    background: radial-gradient(circle at 80% 85%, rgba(185, 255, 90, .05), transparent 30%);
  }

  .vip-preview-copy h2 { font-size: clamp(1.9rem, 9vw, 2.7rem); }
  .vip-feature-label { margin-top: 21px; }
  .vip-features { gap: 7px; }
  .vip-preview-actions { width: 100%; gap: 12px; }
  .vip-preview-actions .btn { width: 100%; }
  .vip-preview-link { width: max-content; max-width: 100%; }
}