/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2025 | 04:23:31 */
:root {
  --purple: #2f0059;
  --light-purple: #1a1025;
  --border-purple: #3b0a68;
  --text-gray: #333;
}

/* Tổng thể container */
.recruit-container {
  max-width: 800px;
  margin: auto;
  padding: 20px;
  font-family: 'Segoe UI', sans-serif;
  color: var(--text-gray);
  line-height: 1.6;
}

.recruit-container h2,
.recruit-container h3,
.recruit-form-title,
.highlighted-text {
  color: var(--purple);
  font-weight: 800;
}

.recruit-container ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.recruit-container ul li {
  margin-bottom: 8px;
}

.recruit-container p {
  margin-bottom: 16px;
}

.bold-text {
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--purple);
}

/* Highlight địa chỉ */
.highlight {
  background-color: #fff1d6;
  padding: 4px 8px;
  font-weight: bold;
  display: inline-block;
  border-radius: 6px;
}

/* Khối form */
.recruit-form-wrapper {
  margin-top: 32px;
}

/* Bọc iframe với nền grain */
.form-overlay-wrapper {
  background-color: #f4f0fa;
  background-image: url("https://grainy-gradients.vercel.app/noise.svg");
  background-blend-mode: overlay;
  padding: 24px;
  border-radius: 16px;
  border: 2px solid var(--border-purple); /* >>> Thêm dòng này để hiện viền tím */
  box-shadow: 0 6px 24px rgba(47, 0, 89, 0.08);
}


/* iframe form */
.form-overlay-wrapper iframe {
  width: 100%;
  border: none;
  min-height: 500px;
  border-radius: 12px;
  background-color: transparent;
}

/* Responsive */
@media (max-width: 600px) {
  .recruit-container {
    padding: 16px;
  }

  .form-overlay-wrapper {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .recruit-container {
    padding: 24px 16px;
  }

  .recruit-container p,
  .recruit-container ul li {
    font-size: 15px;
  }

  .recruit-form-wrapper {
    padding: 20px 16px;
  }

  h3 {
    font-size: 18px;
  }

  iframe {
    min-height: 500px;
  }
}