.spk-review-card,
.spk-specs,
.spk-grid-card {
  --spk-bg:#050510;
  --spk-card:#12122a;
  --spk-card-2:#18183a;
  --spk-border:rgba(255,255,255,.12);
  --spk-text:#fff;
  --spk-muted:#c8c8e8;
  --spk-violet:#8b5cff;
  --spk-violet-2:#b026ff;
  --spk-blue:#00d4ff;
  --spk-green:#35ffb6;
  box-sizing: border-box;
}
.spk-review-card {
  margin: 34px 0;
  padding: 34px;
  border-radius: 28px;
  color: var(--spk-text);
  background:
    radial-gradient(circle at top left, rgba(0,212,255,.22), transparent 34%),
    linear-gradient(135deg, #101024 0%, #1c1250 45%, #0b274a 100%);
  border: 1px solid var(--spk-border);
  box-shadow: 0 18px 50px rgba(0,0,0,.38), 0 0 35px rgba(139,92,255,.28);
}
.spk-review-card h2 { color: #fff; margin: 12px 0; font-size: clamp(24px,4vw,36px); line-height:1.08; }
.spk-review-card p { color: #e5e5ff; font-size: 17px; line-height:1.65; }
.spk-pill {
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--spk-violet-2),var(--spk-blue));
  font-weight:900;
  color:#fff;
}
.spk-review-card__meta {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:22px 0;
}
.spk-review-card__meta span {
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  color:#dedeff;
}
.spk-review-card__meta strong { display:block; color:#fff; font-size:20px; }
.spk-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--spk-violet-2),var(--spk-blue));
  color:#fff !important;
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 0 28px rgba(0,212,255,.34);
  transition:transform .18s ease, box-shadow .18s ease;
}
.spk-button:hover { transform:translateY(-2px) scale(1.02); box-shadow:0 0 38px rgba(176,38,255,.5); }
.spk-specs {
  margin:34px 0;
  padding:28px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(135deg,#101024,#18183a);
  border:1px solid rgba(255,255,255,.12);
}
.spk-specs h2 { color:#fff; margin-top:0; }
.spk-specs table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:16px; }
.spk-specs th,
.spk-specs td { padding:14px; border-bottom:1px solid rgba(255,255,255,.1); color:#fff; }
.spk-specs th { text-align:left; color:#b9b9d6; width:34%; }
.spk-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:28px 0;
}
.spk-grid-card {
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg,#101024,#18183a);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.spk-grid-card__img img { width:100%; height:auto; border-radius:16px; display:block; }
.spk-grid-card h3 { margin:14px 0 10px; color:#fff; font-size:20px; }
.spk-grid-card h3 a { color:#fff; text-decoration:none; }
.spk-grid-card__meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.spk-grid-card__meta span {
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,212,255,.12);
  color:#fff;
  font-weight:800;
}
.spk-grid-card__link { color:#00d4ff; font-weight:900; }
@media (max-width: 900px) {
  .spk-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .spk-review-card__meta { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
  .spk-grid { grid-template-columns:1fr; }
  .spk-review-card, .spk-specs { padding:22px; border-radius:22px; }
  .spk-button { width:100%; }
}
