:root{
  --mn-accent:#dc4141;
  --mn-ink:#1f1f1f;
  --mn-ink-soft:#5a5a5a;
  --mn-line:#e3e3e0;
  --mn-surface:#f8f8f7;
  --mn-radius:10px;
  --mn-maxw:750px;
}
.nlbox{
  box-sizing:border-box;
  border-radius:var(--mn-radius);
  padding:1.4rem;
  background:#1f2530;
  color:#eceff3;
}
.nlbox--rail{margin:1rem 0 1.5rem;padding:1.15rem;}
.nlbox__title{
  margin:0 0 .5rem;
  font-size:1.15rem;line-height:1.35;color:#fff;
}
.nlbox--rail .nlbox__title{font-size:1rem;}
.nlbox__copy{
  margin:0 0 1rem;
  font-size:.88rem;line-height:1.6;color:#b9c0ca;
}
.nlform__hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;}
.nlform__label{
  display:block;
  font-size:.78rem;font-weight:600;color:#b9c0ca;margin-bottom:.35rem;
}
.nlform__row{display:flex;gap:.5rem;flex-wrap:wrap;}
.nlform__row input{
  flex:1 1 200px;min-width:0;
  font:inherit;font-size:.95rem;
  padding:.65rem .75rem;
  border:1px solid #3a4351;border-radius:6px;
  background:#151a22;color:#fff;
}
.nlform__row input::placeholder{color:#79828f;}
.nlform__row button{
  flex:0 0 auto;
  font:inherit;font-weight:700;font-size:.92rem;
  padding:.65rem 1.3rem;
  border:0;border-radius:6px;
  background:var(--mn-accent);color:#fff;cursor:pointer;
  transition:background .25s;
}
.nlform__row button:hover{background:#b93333;}
.nlform__row button[disabled]{opacity:.55;cursor:not-allowed;}
.nlform__status{
  margin:.75rem 0 0;font-size:.85rem;line-height:1.5;
}
.nlform__status[data-kind="ok"]{color:#8fe0a8;}
.nlform__status[data-kind="error"]{color:#f2a0a0;}

@media (max-width:640px){
  .nlform__row button{width:100%;}}
@media (prefers-reduced-motion:reduce){
  .nlform__row button{transition:none;}}