/*
  The way in: sign in, apply, confirm an address, reset a password, and the error pages.
  Page rules only. The window, the keys, the fields and the notes are the Hall's
  (hall.css, gump.css, account.css).
*/

.banner-gate { min-height: 16rem; padding: 0; margin-bottom: 0; }
.scene-gate::before { background-image: url("../ui/img/scene-gate.svg"); background-position: 50% 100%; }
.door-wrap { display: grid; justify-items: center; padding-top: 2rem; padding-bottom: 1rem; }
.door { width: min(100%, 36rem); }
.door p { margin: 0 0 1rem; font: 400 16px/1.5 var(--pixel); color: var(--ink); }
.door p.note { margin: 0 0 1rem; }
.door .keys { margin-top: 1.2rem; }
.door-links { display: flex; flex-wrap: wrap; gap: .4rem 1.6rem; margin: 1.2rem 0 0; font: 400 16px/1.4 var(--pixel); }
.door-links a { display: inline-block; padding-block: .25rem; }
.door .page-form .field { margin-bottom: 1rem; }
.door .page-form .help { display: block; margin-top: .3rem; font: 400 .8125rem/1.45 var(--read); color: var(--ink-faint); }
.door code { display: inline-block; padding: .02rem .55rem .1rem; font: 400 16px/1.35 var(--pixel); color: #f6ecd0; text-shadow: 2px 2px 0 #000; background: linear-gradient(#6b5f45 0, #6b5f45 calc(100% - 4px), #2e2619 calc(100% - 4px)); box-shadow: 0 0 0 2px #000, inset 0 2px 0 #a89a74; overflow-wrap: anywhere; }
.cf-turnstile { margin: 1rem 0 0; }
.door-path { overflow-wrap: anywhere; color: var(--brass-hi); }