:root{
  --plx-bg: #f3f4f6;
  --plx-text: #0f172a;
  --plx-muted:#64748b;
  --plx-card:#ffffff;
  --plx-border:#e5e7eb;
  --plx-shadow: 0 18px 60px rgba(15,23,42,.10);
}

body { background: var(--plx-bg); color: var(--plx-text); }

.navbar{
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: blur(10px);
}

.plx-hero{
  background: radial-gradient(1200px 500px at 20% 0%, #ffffff 0%, #f8fafc 45%, #eef2ff 100%);
  box-shadow: var(--plx-shadow);
}

.plx-cover { height: 190px; object-fit: cover; }

.card{
  border-radius: 18px;
  transition: transform .12s ease, box-shadow .12s ease;
}
.card:hover{
  transform: translateY(-3px);
  box-shadow: var(--plx-shadow);
}

.btn{
  border-radius: 999px;
  font-weight: 600;
}

input.form-control, select.form-select, textarea.form-control{
  border-radius: 14px;
  border-color: var(--plx-border);
  padding: .7rem .85rem;
}

.plx-panel{
  box-shadow: 0 12px 40px rgba(15,23,42,.06);
}

footer{
  background: #fff;
}