.rbp-wrap {
  --rbp-primary: #111827;
  --rbp-accent: #22c55e;
  display: grid;
  place-items: center;
  padding: 32px 16px;
}
.rbp-card {
  width: 100%;
  max-width: 640px;
  background: #fff;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.05);
}
.rbp-logo {
  max-height: 64px;
  width: auto;
  display:block;
  margin: 0 auto 10px;
}
.rbp-title {
  margin: 0 0 6px;
  font-size: 1.6rem;
  text-align:center;
  color: var(--rbp-primary);
}
.rbp-subtitle {
  margin: 0 0 16px;
  text-align:center;
  color:#6b7280;
}

.rbp-stars {
  display:flex;
  justify-content:center;
  gap: 8px;
  margin: 10px 0 22px;
}
.rbp-star {
  font-size: 34px;
  line-height: 1;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #e5e7eb;
  transition: transform .08s ease;
}
.rbp-star:hover { transform: scale(1.05); }
.rbp-star.is-active { color: var(--rbp-accent); text-shadow: 0 2px 12px rgba(0,0,0,.08); }

.rbp-form label { display:block; font-weight:600; color:#374151; margin-bottom:8px; }
.rbp-form input, .rbp-form textarea {
  width:100%; border:1px solid #e5e7eb; border-radius:12px; padding:12px; margin-top:6px;
}
.rbp-grid {
  display:grid; grid-template-columns: 1fr 1fr; gap:12px; margin-top:10px;
}
@media (max-width:640px){ .rbp-grid { grid-template-columns:1fr; } }

.rbp-btn {
  margin-top:14px;
  background: var(--rbp-primary);
  color:#fff; border:none; padding:12px 18px; border-radius:12px; cursor:pointer;
}
.rbp-btn:hover { opacity:.95; }

.rbp-form.is-loading { opacity:.6; pointer-events:none; }
.rbp-legal { font-size:.875rem; color:#6b7280; margin-top:8px; }

.rbp-thanks {
  text-align:center;
  padding: 16px;
  background: #f0fdf4;
  border: 1px solid #dcfce7;
  border-radius: 12px;
  color: #14532d;
}