/* Invite-code gate — landing-page form. Temporary surface; deletes
 * cleanly when real auth replaces the gate. */

.gate {
  margin-top: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.gate-note {
  font-size: var(--size-3);
  opacity: 0.75;
}

.gate input[type="password"] {
  width: 100%;
  padding: var(--space-3) var(--space-4);

  font-family: var(--font-mono);
  font-size: var(--size-3);
  line-height: var(--line-body);
  color: var(--ink);
  background: var(--paper);
  letter-spacing: 0.15em;

  border: var(--border-thick);
  border-radius: 0;
}
.gate input[type="password"]::placeholder {
  color: var(--ink);
  opacity: 0.45;
  letter-spacing: 0;
}
.gate input[type="password"]:focus {
  outline: none;
  box-shadow: var(--shadow-hard);
  transform: translate(-2px, -2px);
}