/* kt8.com: the "Register for an invite" form (see register.js), used on /mail/, /blog-builder/,
   /install/ and /install/blog/. Big, bold and easy to read, on a white card that works on any band. */
.reg-card { background: var(--sheet, #fff); color: var(--ink, #101215); border: 1px solid var(--line, #e6e7ea); border-radius: 20px; padding: 32px; text-align: left; box-shadow: 0 1px 2px rgba(16,18,21,.04), 0 18px 40px -18px rgba(16,18,21,.22); max-width: 640px; margin: 0 auto; }
.reg-card .reg-tag { display: inline-block; font-size: .875rem; font-weight: 750; letter-spacing: .02em; padding: 4px 12px; border-radius: 999px; background: var(--post-soft, #fdeef0); color: var(--post, #c8102e); }
.reg-card h2, .reg-card h3 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem); line-height: 1.15; font-weight: 800; letter-spacing: -.02em; margin: 14px 0 0; color: var(--ink, #101215); text-align: left; }
.reg-card .reg-lede { font-size: 1.1875rem; line-height: 1.6; color: var(--ink, #101215); margin: 12px 0 0; max-width: none; }
.reg { margin-top: 24px; }
.reg-card > .reg:first-child { margin-top: 0; }
#register { scroll-margin-top: 96px; }
.closing-box .reg-card { margin-top: 32px; }
.reg-f { display: block; margin: 0 0 16px; }
.reg-f span { display: block; font-size: 1.0625rem; font-weight: 700; color: var(--ink, #101215); margin-bottom: 6px; }
.reg-f span i { font-style: normal; font-weight: 400; color: var(--ink-soft, #50565e); }
.reg-f input { display: block; width: 100%; font: inherit; font-size: 1.125rem; color: var(--ink, #101215); background: var(--sheet, #fff); border: 1.5px solid var(--line-2, #d6d8dc); border-radius: 12px; padding: 13px 14px; }
.reg-f input:focus { outline: none; border-color: var(--post, #c8102e); box-shadow: 0 0 0 4px color-mix(in srgb, var(--post, #c8102e) 16%, transparent); }
.reg-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; align-items: end; }
.reg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.reg .reg-btn { width: 100%; justify-content: center; font-size: 1.125rem; font-weight: 750; padding: 16px 22px; margin-top: 4px; }
.reg .reg-btn:disabled { opacity: .6; cursor: wait; }
.reg-msg { font-size: 1.0625rem; font-weight: 600; color: var(--pass, #16794a); margin: 14px 0 0; min-height: 1.4em; }
.reg-msg.bad { color: var(--post, #c8102e); }
.reg-msg:empty { margin: 0; min-height: 0; }
.reg-fine { font-size: 1rem; line-height: 1.6; color: var(--ink-soft, #50565e); margin: 16px 0 0; }
.reg-fine a, .reg-have a { color: var(--post, #c8102e); }
.reg-have { font-size: 1.0625rem; color: var(--ink, #101215); margin: 18px 0 0; }
.reg-have a { font-weight: 700; }
/* "Already invited? Install" under a page's main buttons. */
.invited-link { font-size: 1.0625rem; margin: 14px 0 0; color: var(--ink-soft, #50565e); }
.invited-link a { color: inherit; font-weight: 700; }
@media (max-width: 560px) {
  .reg-card { padding: 22px 18px; border-radius: 16px; }
  .reg-two { grid-template-columns: 1fr; }
}