.site-header {
  position: relative;
  z-index: 20;
  min-height: 138px;
  background: linear-gradient(90deg, rgba(16,9,7,.98), rgba(61,30,16,.9), rgba(16,9,7,.98));
  border-bottom: 1px solid rgba(232,181,76,.55);
  box-shadow: 0 12px 35px rgba(0,0,0,.45);
}
.site-header__inner { min-height: 138px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.brand img { width: min(350px, 44vw); max-height: 122px; object-fit: contain; }
.login-box { display: grid; grid-template-columns: 150px 150px auto; gap: 8px; align-items: center; padding: 14px; border: 1px solid rgba(235,187,85,.5); background: rgba(20,10,8,.72); box-shadow: inset 0 0 25px rgba(173,88,21,.18); }
.login-box__title { grid-column: 1 / -1; color: #f6cf71; text-transform: uppercase; letter-spacing: .12em; font-size: .85rem; }
.login-box input { min-width: 0; padding: 10px 12px; color: #fff1d0; background: #24140f; border: 1px solid #8f5d22; outline: none; }
.login-box input:focus { border-color: #f6cb68; box-shadow: 0 0 0 2px rgba(246,203,104,.15); }
.login-box button, .register-form button { padding: 10px 22px; color: #211006; font-weight: 700; text-transform: uppercase; background: linear-gradient(#ffd879, #b56a18); border: 1px solid #ffe6a7; cursor: pointer; }
.login-box__links { grid-column: 1 / -1; display: flex; gap: 16px; font-size: .78rem; }
.login-box__links a { color: #d9bf8a; }
.login-box small { grid-column: 1 / -1; color: #d8bd80; min-height: 1em; }
@media (max-width: 850px) {
  .site-header__inner { flex-direction: column; padding-block: 12px; gap: 10px; }
  .brand img { width: min(330px, 85vw); }
  .login-box { width: 100%; grid-template-columns: 1fr 1fr auto; }
}
@media (max-width: 560px) {
  .login-box { grid-template-columns: 1fr; }
  .login-box__title, .login-box__links, .login-box small { grid-column: auto; }
}