html, body { overflow: hidden; }
.gui_email { display: none !important; }
.gui_background {
  top: 0 !important;
  background-size: min(980px, 86vw) auto !important;
  background-position: center 42% !important;
}
#gate[hidden] { display: none !important; }
#gate {
  position: fixed;
  inset: 0;
  background: rgba(8, 10, 16, 0.55);
  display: grid;
  place-items: center;
  z-index: 2147483646;
  padding: 24px;
  font-family: "Iowan Old Style", Palatino, Georgia, serif;
  color: #1c1915;
}
#gate form {
  width: min(420px, 100%);
  background: #f3efe6;
  padding: 28px 28px 24px;
  border: 1px solid #ddd6c8;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}
#gate h2 { font-size: 32px; margin: 0 0 8px; font-weight: 500; }
#gate p { margin: 0 0 18px; color: #5e584e; font-size: 16px; }
#gate label {
  display: block;
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
#gate input {
  width: 100%;
  box-sizing: border-box;
  font: 18px/1.3 Georgia, serif;
  padding: 10px 12px;
  border: 1px solid #ddd6c8;
  background: #fffdf8;
  color: #1c1915;
}
#gate input:focus { outline: 2px solid #8a6a32; outline-offset: 1px; }
#gate .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
#gate button {
  font-family: "Avenir Next", "Segoe UI", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px;
  border: 0;
  background: #1c1915;
  color: #f3efe6;
  padding: 12px 16px;
  cursor: pointer;
}
#gate .close { background: transparent; color: #5e584e; }
#gate-err { min-height: 1.2em; color: #8c3d2b; font-size: 15px; margin: 10px 0 0; }