:root {
  --primary-blue: #263489;
  --accent-red: #ec1d25;
  --text-black: #000;
  --bg-light: #f4f6f9;
}

/* SECTION */
.complaint-section {
  padding: 20px;
}

/* TITLE */
.complaint-title {
  color: var(--primary-blue);
  font-weight: 700;
  margin-bottom: 25px;
}

/* CARD */
.complaint-card {
  margin-bottom: 30px;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  border-top: 4px solid var(--accent-red);
}

/* FORM INPUTS */
.form-control {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 10px 12px;
  transition: 0.3s;
}

/* INPUT FOCUS */
.form-control:focus {
  border-color: var(--primary-blue);
  box-shadow: 0 0 0 2px rgba(38, 52, 137, 0.1);
}

/* BUTTON */
.submit-btn {
  background: var(--primary-blue);
  color: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  border: none;
  font-weight: 600;
  transition: 0.3s;
}

/* BUTTON HOVER */
.submit-btn:hover {
  background: var(--accent-red);
  transform: translateY(-2px);
}

/* SPACING */
.form-group {
  margin-bottom: 15px;
}

/* Wrapper */
.pdf-wrapper {
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* Responsive */
@media (max-width: 768px) {
  .pdf-wrapper object {
    height: 500px;
  }

  .course-title {
    font-size: 24px;
  }
}