
.kg-early-access {
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: clamp(24px, 5vw, 36px);
  border: 1px solid rgba(13,43,78,.2);
  border-radius: 18px;
  color: #111418;
  background: #F7F4EE;
  box-shadow: 0 24px 80px rgba(7,29,52,.24);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.kg-early-access::backdrop { background: rgba(7,29,52,.62); }
.kg-early-access [hidden] { display: none; }
.kg-early-access-close {
  position: absolute; top: 12px; right: 14px;
  width: 38px; height: 38px;
  border: 0; border-radius: 50%;
  background: transparent; color: #0D2B4E;
  font: 400 30px/1 Inter, sans-serif;
  cursor: pointer;
}
.kg-early-access-close:hover { background: rgba(13,43,78,.08); }
.kg-early-access-icon { display: block; width: 36px; height: 36px; object-fit: contain; }
.kg-early-access-kicker {
  color: #0D2B4E;
  font: 600 14px/1.4 Inter, ui-sans-serif, sans-serif;
  letter-spacing: 0;
}
.kg-early-access h2 {
  margin: 12px 32px 10px 0;
  color: #0D2B4E;
  font: 400 clamp(30px, 6vw, 38px)/1.1 'Source Serif 4', Georgia, serif;
}
.kg-early-access p { margin: 0 0 22px; color: #4c596a; font-size: 16px; line-height: 1.5; }
.kg-early-access form { display: grid; }
.kg-early-access label { margin: 12px 0 7px; color: #0D2B4E; font-size: 14px; font-weight: 650; }
.kg-early-access input:not(.kg-early-access-trap):not([type="checkbox"]):not([type="hidden"]) {
  width: 100%; min-height: 48px; padding: 11px 13px;
  border: 1px solid #aeb7c2; border-radius: 5px;
  background: #fff; color: #111418;
  font: 400 16px/1.35 Inter, sans-serif;
}
.kg-early-access input:focus-visible,
.kg-early-access button:focus-visible,
.kg-early-access a:focus-visible { outline: 2px solid #0D2B4E; outline-offset: 3px; }
.kg-early-access input[aria-invalid="true"] { border-color: #9c3528; }
.kg-early-access-trap { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }
.kg-early-access .kg-early-access-status { min-height: 1.4em; margin: 12px 0 4px; color: #9c3528; font-size: 14px; }
.kg-early-access-submit,
.kg-early-access-done {
  min-height: 48px; padding: 11px 20px;
  border: 1px solid #0D2B4E; border-radius: 5px;
  background: #0D2B4E; color: #fff;
  font: 600 15px/1.25 Inter, sans-serif;
  cursor: pointer;
}
.kg-early-access-submit:disabled { opacity: .45; cursor: not-allowed; }
.kg-consent { margin: 4px 0 20px; }
.kg-early-access .kg-consent-item { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 10px; align-items: start; margin: 12px 0 0; color: #4F5A6B; font-size: 14px; font-weight: 400; line-height: 1.55; cursor: pointer; }
.kg-consent input[type="checkbox"] { width: 18px; height: 18px; margin: 3px 0 0; padding: 0; accent-color: #0D2B4E; cursor: pointer; }
.kg-consent a { color: #0D2B4E; text-decoration: underline; text-underline-offset: 3px; }
.kg-consent em { font-style: normal; color: #5C6675; }
.kg-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.kg-early-access-success p { margin-bottom: 24px; }
.kg-early-access .kg-early-access-note,
.kg-early-access .kg-early-access-privacy p { margin: 12px 0 0; color: #68727f; font-size: 13px; line-height: 1.5; }
.kg-early-access-note a { color: #43546a; text-decoration: underline; text-underline-offset: 2px; }
.kg-early-access .kg-early-access-privacy { margin-top: 10px; padding-top: 10px; border-top: 1px solid #cdd2d7; }
.kg-early-access .kg-early-access-privacy p { margin-top: 0; }

