@font-face { font-family: 'Geologica'; src: url('/__preview/geologica-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  background: #050505; color: #fff;
  font-family: 'Geologica', 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.gate {
  min-height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 48px;
  padding: 32px 16px;
}
.gate-logo { width: 104px; height: auto; }
.gate-form { width: 100%; max-width: 360px; }
label { display: block; margin-bottom: 10px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #8D8D8D; }
.gate-row { display: flex; gap: 8px; }
input {
  flex: 1; min-width: 0;
  height: 48px; padding: 0 14px;
  background: #0A0A0A; color: #fff;
  border: 1px solid #262626; border-radius: 0;
  font: inherit; font-size: 16px;
}
input:focus { outline: none; border-color: #FFD900; }
button {
  height: 48px; padding: 0 20px;
  background: #FFD900; color: #050505;
  border: 0; border-radius: 0;
  font: inherit; font-size: 14px; letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer;
}
button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
button[disabled] { opacity: .6; cursor: default; }
.gate-error { min-height: 1.5em; margin: 12px 0 0; font-size: 14px; color: #FF6B6B; }