/* =========================
   FORMS (FORCE LIGHT)
========================= */

label span{
  display:block;
  font-size: 13px;
  color: var(--muted);
  margin: 0 0 6px;
}

/* inputs */
input, select, textarea{
  width:100%;
  border-radius: 12px;
  border: 1px solid var(--border);

  /* always light */
  background: rgba(3,7,18,0.03);

  color: var(--text);
  padding: 10px 12px;
  outline: none;

  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

input::placeholder,
textarea::placeholder{
  color: rgba(3,7,18,0.45);
}

textarea{ resize: vertical; min-height: 96px; }

input:hover, select:hover, textarea:hover{
  background: rgba(3,7,18,0.04);
}

input:focus, select:focus, textarea:focus{
  border-color: rgba(94,234,212,0.55);
  box-shadow: 0 0 0 4px rgba(94,234,212,0.12);
  background: rgba(3,7,18,0.02);
}

.form{
  display:grid;
  gap: 12px;
  margin-top: 8px;
}

.two-col{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 520px){
  .two-col{ grid-template-columns: 1fr; }
}

.checkbox{
  display:flex;
  gap: 10px;
  align-items:flex-start;
}

.checkbox input{
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.form-status{
  margin-top: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(94,234,212,0.28);
  background: rgba(94,234,212,0.08);
  color: var(--text);
}
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px; height:1px;
  overflow:hidden;
}