/* CandleEdgeLab email capture: popup + inline form. Uses the site tokens so it matches both themes. */
.celSignupBackdrop {
  position:fixed; inset:0; background:rgba(4,7,12,.72); display:flex; align-items:center;
  justify-content:center; padding:20px; z-index:200;
}
.celSignupCard {
  background:var(--panel,#161C28); border:1px solid var(--line,#2A3448); border-radius:14px;
  max-width:440px; width:100%; padding:26px 26px 22px; position:relative;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.celSignupCard h2 {
  font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--butter,#FFCF5C); margin:0 0 10px;
}
.celSignupCard h3 { font-size:19px; color:var(--cream,#DDE4F0); margin:0 0 10px; line-height:1.3; }
.celSignupCard p { font-size:14px; line-height:1.6; color:var(--cream-dim,#7E8FA8); margin:0 0 16px; }
.celSignupRow { display:flex; gap:9px; flex-wrap:wrap; }
.celSignupRow input[type=email] {
  flex:1 1 200px; min-width:0; background:var(--panel-2,#1D2436); color:var(--cream,#DDE4F0);
  border:1px solid var(--line,#2A3448); border-radius:8px; padding:11px 13px; font-size:14px;
  font-family:'IBM Plex Sans',sans-serif; min-height:44px;
}
.celSignupRow input[type=email]:focus { outline:2px solid var(--butter,#FFCF5C); outline-offset:1px; }
.celSignupBtn {
  background:var(--butter,#FFCF5C); color:var(--on-accent,#0A0E16); border:0; border-radius:8px;
  padding:11px 20px; font-family:'IBM Plex Sans',sans-serif; font-weight:700; font-size:14px;
  cursor:pointer; min-height:44px;
}
.celSignupBtn:hover { filter:brightness(1.08); }
.celSignupBtn[disabled] { opacity:.6; cursor:default; }
.celSignupNote { font-size:12px; color:var(--cream-dim,#7E8FA8); margin-top:11px; }
.celSignupMsg { font-size:13.5px; margin-top:11px; min-height:18px; }
.celSignupMsg.ok { color:var(--green-lt,#4ADE80); }
.celSignupMsg.bad { color:var(--danger,#FB5268); }
.celSignupClose {
  position:absolute; top:10px; right:10px; background:transparent; border:1px solid var(--line,#2A3448);
  color:var(--cream-dim,#7E8FA8); border-radius:7px; width:34px; height:34px; cursor:pointer; font-size:16px;
  line-height:1;
}
.celSignupClose:hover { color:var(--cream,#DDE4F0); border-color:var(--butter,#FFCF5C); }
.celSignupHp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
/* inline version: same card, no backdrop */
.celSignupInline .celSignupCard { max-width:760px; margin:0 auto 26px; box-shadow:none; }
@media (max-width:640px) {
  .celSignupCard { padding:22px 18px 18px; }
  .celSignupRow input[type=email], .celSignupBtn { flex:1 1 100%; }
}