/* The entry pages (request access, sign in): a single form on the black sky. */
.entry-page { max-width: 560px; margin: 0 auto; padding: 56px 16px 80px; display: grid; gap: 28px; }
.entry-page h1 { font-size: clamp(26px, 5vw, 40px); text-align: center; }
.entry-page h1 a { color: inherit; text-decoration: none; }
.entry-page h2 { font: 400 26px "IM Fell English", serif; letter-spacing: .14em; text-transform: uppercase; margin: 0; text-align: center; color: var(--bone); }
.entry-page .lede { font-size: 19px; line-height: 1.5; color: var(--bone); margin: 0; }
.entry-page form { display: grid; gap: 10px; }
.entry-page label { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--bone-dim); margin-top: 8px; }
.entry-page label.check { text-transform: none; letter-spacing: 0; font-size: 16px; color: var(--bone); display: flex; gap: 10px; align-items: flex-start; }
.entry-page input:not([type=checkbox]), .entry-page textarea { width: 100%; padding: 11px 12px; background: var(--surface); color: var(--bone); border: 1px solid var(--rule); font: 17px "IM Fell English", Georgia, serif; }
.entry-page input:focus, .entry-page textarea:focus { outline: none; border-color: var(--rust-bright); box-shadow: 0 0 0 1px var(--rust-bright); }
.entry-page input[type=checkbox] { accent-color: var(--rust-bright); margin-top: 4px; }
.entry-page button { margin-top: 14px; justify-self: start; padding: 12px 26px; background: var(--rust); color: var(--bone); border: 1px solid var(--rust-bright); font: 15px "IM Fell English", serif; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
.entry-page button:hover { background: var(--rust-bright); }
.entry-page button:disabled { opacity: .5; cursor: default; }
.entry-page .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.entry-page .muted { color: var(--bone-dim); }
.entry-page .notice { padding: 12px 14px; border-left: 3px solid var(--gold); background: var(--surface); margin: 0; }
.entry-page .notice.warn { border-left-color: var(--rust-bright); }
.entry-page .alt { text-align: center; color: var(--bone-dim); font-size: 15px; margin: 0; }
.entry-page .alt a, .entry-page .notice a { color: var(--bone); text-decoration-color: var(--rust-bright); }
.entry-page section { display: grid; gap: 22px; }
.entry-page section[hidden] { display: none; }
.entry-page .providers { display: grid; gap: 10px; }
.entry-page .providers[hidden], .entry-page .provider[hidden] { display: none; }
.entry-page button.provider { margin: 0; justify-self: stretch; background: var(--surface); border-color: var(--rule); }
.entry-page button.provider:hover { background: var(--rule); }