/* MerchSignal Contact Form - dark UI */
.mscf-wrap{max-width:980px;margin:0 auto;padding:22px 14px;}
.mscf-card{
  position:relative;
  border-radius:18px;
  padding:22px;
  background:linear-gradient(180deg, rgba(16,24,50,.92), rgba(8,12,26,.92));
  border:1px solid rgba(130,160,255,.18);
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  overflow:hidden;
}
.mscf-card:before{
  content:"";
  position:absolute; inset:-2px;
  border-radius:20px;
  padding:2px;
  background:linear-gradient(135deg, rgba(168,85,247,.55), rgba(34,211,238,.35), rgba(59,130,246,.45));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.55;
}
.mscf-head{position:relative; z-index:1; margin-bottom:16px;}
.mscf-badge{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:#93c5fd;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(59,130,246,.25);
  background:rgba(15,23,42,.6);
}
.mscf-title{color:#fff; margin:10px 0 6px; font-size:26px; line-height:1.1;}
.mscf-subtitle{color:rgba(255,255,255,.72); margin:0; font-size:14px;}

.mscf-form{position:relative; z-index:1; margin-top:14px;}
.mscf-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
@media (max-width:720px){ .mscf-grid{grid-template-columns:1fr;} }

.mscf-field{display:flex; flex-direction:column; gap:6px; margin:10px 0;}
.mscf-field>span{color:rgba(255,255,255,.78); font-size:13px;}
.mscf-field>span em{color:rgba(255,255,255,.45); font-style:normal; font-weight:500;}
.mscf-field input, .mscf-field textarea{
  width:100%;
  background:rgba(7,10,22,.65);
  color:#fff;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  padding:12px 12px;
  outline:none;
  transition:border .15s ease, box-shadow .15s ease;
}
.mscf-field textarea{resize:vertical; min-height:130px;}
.mscf-field input:focus, .mscf-field textarea:focus{
  border-color:rgba(168,85,247,.55);
  box-shadow:0 0 0 3px rgba(168,85,247,.18);
}

.mscf-actions{display:flex; align-items:center; gap:14px; margin-top:14px; flex-wrap:wrap;}
.mscf-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-width:170px;
  border:none;
  border-radius:12px;
  padding:11px 14px;
  cursor:pointer;
  color:#fff;
  font-weight:700;
  background:linear-gradient(90deg, rgba(168,85,247,1), rgba(59,130,246,1));
  box-shadow:0 16px 38px rgba(0,0,0,.35);
}
.mscf-btn:hover{filter:brightness(1.06);}
.mscf-btn[disabled]{opacity:.55; cursor:not-allowed;}
.mscf-hint{color:rgba(255,255,255,.55); font-size:12px;}

.mscf-toast{
  margin-top:12px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(15,23,42,.6);
  border:1px solid rgba(148,163,184,.18);
  color:rgba(255,255,255,.84);
  display:none;
}
.mscf-toast.mscf-toast--ok{
  display:block;
  border-color:rgba(34,197,94,.35);
  background:rgba(34,197,94,.10);
}
.mscf-toast.mscf-toast--err{
  display:block;
  border-color:rgba(244,63,94,.35);
  background:rgba(244,63,94,.10);
}

.mscf-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.mscf-btn-spin{
  width:14px;height:14px;border-radius:50%;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  display:none;
  animation:mscfspin .75s linear infinite;
}
.mscf-btn.is-loading .mscf-btn-spin{display:inline-block;}
@keyframes mscfspin{to{transform:rotate(360deg);}}