.tp-section {
  background:#0f172a;
  padding:60px 20px;
  color:#fff;
  text-align:center;
}

.tp-slider {
  max-width:900px;
  margin:auto;
  overflow:hidden;
}

.tp-track {
  display:flex;
  transition:transform .6s ease;
}

.tp-review-card {
  min-width:100%;
  background:#111827;
  border-radius:16px;
  padding:30px 20px;
  box-shadow:0 0 30px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.tp-avatar {
  width:44px;
  height:44px;
  border-radius:50%;
  margin-bottom:8px;
}

.tp-avatar-text {
  background:#ec4899;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
}

.tp-name {
  color:#60a5fa;
  font-weight:600;
  text-decoration:none;
  margin-bottom:4px;
}

.tp-name:hover {
  text-decoration:underline;
}

.tp-meta {
  font-size:13px;
  opacity:.7;
  margin-bottom:10px;
}

.tp-stars {
  margin:12px 0;
}

.tp-review-card h3 {
  margin-bottom:8px;
}

.tp-review-card p {
  max-width:600px;
  line-height:1.6;
}

.tp-reply {
  margin-top:16px;
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:10px;
  font-size:14px;
  opacity:.9;
}

.tp-controls {
  margin-top:20px;
}

.tp-controls button {
  background:#2563eb;
  border:none;
  color:#fff;
  font-size:26px;
  padding:8px 18px;
  border-radius:10px;
  margin:0 6px;
  cursor:pointer;
}