/* Han Subscribe Bar v1.1.0 */
.hsb{
  --hsb-max:1280px; --hsb-pad:22px; --hsb-r:12px; --hsb-gap:24px; --hsb-h:56px;
  --hsb-pad-m:18px; --hsb-gap-m:16px; --hsb-h-m:52px;
  --hsb-bg:#fafbfe; --hsb-bc:#0c2b49;
  --hsb-title:#0c2b49; --hsb-text:#0c2b49;
  --hsb-inp-bg:#fff; --hsb-inp-text:#17314a; --hsb-inp-bor:#e6e9ef;
  --hsb-btn-bg:#0c2b49; --hsb-btn-text:#fff; --hsb-btn-bg-h:#0b2540; --hsb-btn-text-h:#fff;
  --hsb-logo-h:48px; --hsb-logo-h-m:40px;
  padding: 6px;
  border: 2px solid var(--hsb-bc);
  border-radius: calc(var(--hsb-r) + 4px);
  background: transparent;
}
.hsb__inner{
  max-width: var(--hsb-max);
  margin: 0 auto;
  background: var(--hsb-bg);
  border-radius: var(--hsb-r);
  padding: var(--hsb-pad);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--hsb-gap);
  box-sizing: border-box;
}
.hsb__brand{ display:flex; align-items:center; }
.hsb__logo{ max-height:var(--hsb-logo-h); width:auto; height:auto; display:block; }

.hsb__heading{ font-size:20px; font-weight:800; color:var(--hsb-title); line-height:1.3; }
.hsb__sub{ margin-top:6px; font-size:16px; color:var(--hsb-text); opacity:.9; }

.hsb__form{ display:flex; gap:12px; align-items:center; width: 100%; }
.hsb__email{
  height: var(--hsb-h);
  background: var(--hsb-inp-bg);
  color: var(--hsb-inp-text);
  border: 1px solid var(--hsb-inp-bor);
  border-radius: 10px;
  padding: 0 14px;
  width: 100%;
  box-sizing: border-box;
  outline: none;
}
.hsb__email::placeholder{ color: #8fa0b2; }
.hsb__btn{
  height: var(--hsb-h);
  padding: 0 22px;
  border: 0; border-radius: 10px;
  background: var(--hsb-btn-bg); color: var(--hsb-btn-text);
  font-weight:800; cursor:pointer;
  transition: background .2s ease, transform .08s ease;
  white-space: nowrap;
}
.hsb__btn:hover{ background: var(--hsb-btn-bg-h); color: var(--hsb-btn-text-h); }
.hsb__btn:active{ transform: translateY(1px); }

/* Mobile */
@media (max-width: 980px){
  .hsb__inner{ grid-template-columns: 1fr; text-align:center; gap: var(--hsb-gap-m); padding: var(--hsb-pad-m); }
  .hsb__brand{ justify-content:center; }
  .hsb__logo{ max-height: var(--hsb-logo-h-m); }
  .hsb__form{ flex-direction: column; align-items: stretch; }
  .hsb__email{ height: var(--hsb-h-m); width: 100%; }
  .hsb[data-btnblock="1"] .hsb__btn{ width: 100%; }
}

html[data-han-dark="1"] .hsb{ border-color: #23384e; }
html[data-han-dark="1"] .hsb__inner{ background: #0e1724; }
html[data-han-dark="1"] .hsb__heading{ color: #f0f4ff; }
html[data-han-dark="1"] .hsb__sub{ color: #cbd6e2; }
html[data-han-dark="1"] .hsb__email{ background:#0b1420; color:#e8eef9; border-color:#1f2c3f; }
html[data-han-dark="1"] .hsb__email::placeholder{ color:#8aa0b9; }
html[data-han-dark="1"] .hsb__btn{ background:#1e2e44; }
html[data-han-dark="1"] .hsb__btn:hover{ background:#162538; }