.hbn { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.hbn__card{
  background: var(--hbn-bg, #fff);
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  padding: 18px;
  max-width: 560px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.hbn__title { font-size: 18px; font-weight: 900; color: #000; }
.hbn__subtitle { margin-top: 6px; font-size: 14px; color: #333; opacity:.9; }
.hbn__row { display:flex; gap:10px; align-items:center; margin-top: 12px; }
.hbn__input{
  flex:1; padding: 10px 12px;
  border: 1px solid #d6d6d6; border-radius: 14px;
  font-size: 15px; outline: none;
  padding: 10px 10px 10px 10px;
}
.hbn__input:focus{
  border-color: var(--hbn-primary, #d6111e);
  box-shadow: 0 0 0 3px rgba(214,17,30,.15);
}
.hbn__btn{
  background: var(--hbn-primary, #d6111e);
  color: #fff; border: 0;
  border-radius: 14px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}
.hbn__btn:hover{ filter: brightness(.96); }
.hbn__msg{ margin-top:10px; font-size:14px; color:#000; }
.hbn__fine{ margin-top:8px; font-size:12px; color:#555; }