/* Page background like sample image */
.bncp-outer{
  background:#0d6f6a;
  padding: 36px 14px;
}

/* Card container */
.bncp-wrap{
  max-width: 1060px;
  margin: 0 auto;
  background:#f3f5f7;
  border-top: 8px solid #0d6f6a;
  border-radius: 6px;
  padding: 42px;
  display:flex;
  gap: 56px;
}

/* Left */
.bncp-left{ flex:1; min-width: 280px; }
.bncp-right{ flex:1; min-width: 280px; }

.bncp-title{
  font-size: 36px;
  font-weight: 700;
  color:#0d6f6a;
  margin-bottom: 14px;
}

.bncp-desc{
  font-size: 14px;
  color:#4b5563;
  line-height: 1.7;
  margin-bottom: 22px;
}
.bncp-muted{ opacity:.8; display:block; margin-top:6px; }

.bncp-info{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  margin: 12px 0;
  font-size: 14px;
  color:#111827;
}
.bncp-ico{ width:22px; line-height: 1.4; }

.bncp-follow{ margin-top: 26px; }
.bncp-follow-title{
  font-weight: 600;
  color:#0d6f6a;
  margin-bottom: 10px;
}

.bncp-social{
  display:block;
  text-decoration:none;
  color:#111827;
  font-size:14px;
  margin: 8px 0;
}
.bncp-social:hover{ color:#0d6f6a; }

.bncp-map{ margin-top: 22px; }
.bncp-map-embed iframe{
  width: 100%;
  height: 210px;
  border:0;
  border-radius: 10px;
}

/* Form */
.bncp-form label{
  display:block;
  font-size: 13px;
  color:#111827;
  margin: 10px 0 6px;
}

.bncp-form input,
.bncp-form textarea{
  width: 100%;
  padding: 12px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  background:#fff;
  outline:none;
}

.bncp-form textarea{ height: 120px; resize: none; }

.bncp-btn{
  margin-top: 14px;
  background:#0d6f6a;
  color:#fff;
  border: 0;
  padding: 10px 22px;
  border-radius: 8px;
  cursor:pointer;
  font-size: 14px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
}

.bncp-btn:hover{ opacity:.92; }

.bncp-btn-loader{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.45);
  border-top-color: #fff;
  display:none;
  animation: bncpSpin 0.8s linear infinite;
}

@keyframes bncpSpin { to { transform: rotate(360deg); } }

.bncp-result{
  margin-top: 12px;
  font-size: 14px;
}
.bncp-ok{ color:#166534; background:#dcfce7; border:1px solid #86efac; padding:10px 12px; border-radius:8px; }
.bncp-err{ color:#991b1b; background:#fee2e2; border:1px solid #fca5a5; padding:10px 12px; border-radius:8px; }

@media (max-width: 900px){
  .bncp-wrap{ flex-direction: column; gap: 30px; padding: 28px; }
}