/* VLE Point restyle for biodata format pages — form UI only, print output untouched. */
body { background: #eef2f7 !important; font-family: 'Poppins', Arial, sans-serif !important; }
.mobile-bottom-menu, .mobile-top-header { display: none !important; }

.container#formContainer {
  max-width: 860px !important;
  margin: 34px auto !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 44px -18px rgba(10, 31, 68, .22) !important;
  padding: 34px 34px 40px !important;
}
#formContainer > a[href*="biodata"] {
  color: #1d4ed8 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .4px;
}
h2.page-title {
  color: #0a1f44 !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  border-bottom: 3px solid #dc2626 !important;
  padding-bottom: 12px !important;
}
.section-title {
  background: #0a1f44 !important;
  color: #fff !important;
  border: 0 !important;
  border-left: 4px solid #dc2626 !important;
  border-radius: 10px !important;
  padding: 9px 14px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#formContainer label {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  text-transform: uppercase;
  letter-spacing: .8px;
}
#formContainer input, #formContainer select, #formContainer textarea {
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 11px 13px !important;
  font-size: 14px !important;
  background: #fff !important;
  color: #0f172a !important;
  transition: border-color .15s, box-shadow .15s;
  outline: none !important;
}
#formContainer input:focus, #formContainer select:focus, #formContainer textarea:focus {
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(29, 78, 216, .14) !important;
}
#formContainer input[type="file"] { padding: 8px !important; background: #f8fafc !important; }
.btn-submit, .btn-print {
  border: 0 !important;
  border-radius: 12px !important;
  padding: 14px 26px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s, background .15s;
}
.btn-submit { background: #1d4ed8 !important; color: #fff !important; box-shadow: 0 10px 22px -10px rgba(29, 78, 216, .6); }
.btn-submit:hover { background: #1e40af !important; transform: translateY(-1px); }
.btn-print { background: #10b981 !important; color: #fff !important; box-shadow: 0 10px 22px -10px rgba(16, 185, 129, .55); }
.btn-print:hover { background: #059669 !important; transform: translateY(-1px); }

@media (max-width: 640px) {
  .container#formContainer { margin: 16px 10px !important; padding: 22px 16px 28px !important; border-radius: 16px !important; }
  h2.page-title { font-size: 21px !important; }
}
@media print {
  body { background: #fff !important; }
}