.kul-cf-wrap{
  --kul-orange:#c9a227;
  --kul-navy:#3c3626;
  --kul-navy-light:#4d4531;
  --kul-border:#5c5440;
  --kul-text-muted:#cbbf9a;
  --steel-950:#181c22;
  --steel-900:#1f242c;
  --steel-700:#3a4250;
  --steel-400:#8a93a3;
  --paper:#f3f0e9;
  --brass:#c8933f;
  --brass-light:#e0ac5c;
  --ember:#b3452f;
  --orange: #f4511e;
  --orange-light: #ff7043;
  --dark: #111820;
  --dark-soft: #19232d;
  --text: #17212b;
  --muted: #68727c;
  --light: #f4f5f5;
  --white: #ffffff;
  --border: #e1e5e7;
  --radius:4px;
  max-width:640px;

  font-family:Arial,Helvetica,sans-serif;
}

.kul-cf-notice{
  padding:14px 18px;
  border-radius:4px;
  margin-bottom:20px;
  font-size:15px;
  font-weight:bold;
}
.kul-cf-notice--success{
  background:#233a2b;
  color:#8fe0a3;
  border:1px solid #2f5c3d;
}
.kul-cf-notice--error{
  background:#3a2323;
  color:#e08f8f;
  border:1px solid #5c2f2f;
}

.kul-cf-form{
  background:var(--kul-navy);
  padding:28px;
  border-radius:6px;
}

.kul-cf-row{
  display:flex;
  gap:16px;
}
.kul-cf-row .kul-cf-field{flex:1;}

.kul-cf-field{
  margin-bottom:18px;
}

.kul-cf-field label{
  display:block;
  color:#ffffff;
  font-size:14px;
  font-weight:bold;
  margin-bottom:6px;
}
.kul-cf-field label span{
  color:var(--kul-orange);
}

.kul-cf-field input,
.kul-cf-field textarea{
  width:100%;
  background:var(--kul-navy-light);
  border:1px solid var(--kul-border);
  border-radius:4px;
  color:#ffffff !important;
  font-size:15px;
  font-family:Arial,Helvetica,sans-serif;
  padding:11px 13px;
  box-sizing:border-box;
}

.kul-cf-field input:focus,
.kul-cf-field textarea:focus{
  outline:none;
  border-color:var(--kul-orange);
  color: var(--white) !important;
}

.kul-cf-field textarea{
  resize:vertical;
  min-height:120px;
}

.kul-cf-honeypot{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.kul-cf-submit{
  display:inline-block;
  background:var(--kul-orange);
  color:var(--kul-navy);
  border:none;
  font-size:15px;
  font-weight:bold;
  letter-spacing:0.02em;
  padding:13px 32px;
  border-radius:4px;
  cursor:pointer;
  transition:opacity .15s ease;
}
.kul-cf-submit:hover{
  opacity:0.9;
}

@media (max-width:560px){
  .kul-cf-row{
    flex-direction:column;
    gap:0;
  }
}