/* Standalone styles: the registration flow does not depend on third-party CDNs. */
#access-modal[hidden], #access-modal [hidden] { display: none !important; }
#access-modal { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 24px; overflow-y: auto; background: rgba(9,9,11,.72); font: 15px/1.5 Arial, sans-serif; color: #27272a; }
#access-modal * { box-sizing: border-box; }
#access-modal .access-panel { width: 100%; max-width: 480px; max-height: calc(100vh - 48px); overflow-y: auto; background: #fff; border: 1px solid #e4e4e7; border-radius: 20px; padding: 36px; box-shadow: 0 24px 80px #0005; }
#access-modal .access-logo { display: block; width: 220px; max-width: 100%; height: 60px; object-fit: contain; object-position: left center; margin-bottom: 20px; }
#access-modal .access-kicker { margin: 0 0 8px; color: #925c13; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
#access-modal h2 { margin: 0 0 14px; font: 36px/1.08 Georgia, serif; letter-spacing: -.025em; color: #18181b; }
#access-modal p { margin: 0 0 20px; }
#access-modal label { display: block; font-size: 13px; font-weight: 600; margin: 16px 0 6px; }
#access-modal input { width: 100%; min-height: 46px; border: 1px solid #a1a1aa; border-radius: 8px; background: #fafafa; color: #18181b; font: inherit; padding: 10px 12px; }
#access-modal input:focus, #access-modal button:focus-visible, #access-modal a:focus-visible { outline: 3px solid #b98127; outline-offset: 3px; }
#access-modal button { width: 100%; border: 0; border-radius: 8px; background: #18181b; color: #fff; padding: 14px; margin: 22px 0 16px; min-height: 48px; font: 600 14px Arial,sans-serif; cursor: pointer; }
#access-modal button:disabled { opacity: .6; cursor: wait; }
#access-modal .access-error { color: #991b1b; font-size: 13px; margin: 0 0 16px; }
#access-modal .access-privacy { font-size: 11px; line-height: 1.6; color: #52525b; margin: 0; }
#access-modal .access-help { font-size: 12px; margin: 16px 0 0; color: #52525b; }
#access-modal a { color: #713f12; text-decoration: underline; }
#access-modal .access-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
body.access-locked { overflow: hidden; }
@media (max-width: 540px) {
  #access-modal { padding: 14px; }
  #access-modal .access-panel { padding: 26px; max-height: calc(100vh - 28px); }
  #access-modal h2 { font-size: 31px; }
}