/* JPods registration — step 1 lives in index.html #contact, step 2 in register.html.
   Both post to WebClerk (https://webclerk.com/wcapi/_inquiry/…); see register.js. */

/* `hidden` must win over the display rules below (.contact-form is flex) */
[hidden] { display: none !important; }
.reg-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.reg-step { margin: 0 0 0.2rem; color: var(--white); font-size: 1rem; line-height: 1.5; }
.reg-label { font-size: 0.8rem; color: var(--muted); margin-bottom: -0.4rem; }
.reg-note { font-size: 0.85rem; color: var(--muted); margin: 0.2rem 0 0; line-height: 1.5; }
.reg-status { min-height: 1.3em; margin: 0; font-size: 0.9rem; color: var(--muted); }
.register-page .reg-intro.reg-thanks { color: var(--solar); font-size: 1.4rem; font-weight: 600; }
.reg-status.ok { color: var(--solar); font-weight: 500; }
.reg-status.bad { color: var(--red); }
.contact-form .invalid { border-color: var(--red); }
.contact-form button:disabled { opacity: 0.6; cursor: default; }
.contact-form input[readonly] { opacity: 0.75; }

/* register.html — standalone page in the same palette as index.html */
.register-page {
  --black: #080808; --white: #f0ede6; --muted: #7a7570; --solar: #39ff14; --red: #e84c1e;
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: var(--black); color: var(--white); font-family: 'Barlow', sans-serif; font-weight: 300;
}
.register-page header {
  padding: 20px 30px; border-bottom: 1px solid rgba(57,255,20,0.15); background: rgba(8,8,8,0.92);
}
.register-page header img { height: 36px; display: block; }
.register-page main { flex: 1; padding: 4rem 1.5rem; }
.register-page .reg-inner { max-width: 640px; margin: 0 auto; }
.register-page .section-label {
  font-family: 'DM Mono', monospace; font-size: 0.62rem; letter-spacing: 0.25em;
  text-transform: uppercase; color: var(--solar); margin-bottom: 0.8rem;
}
.register-page h1 {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 800; line-height: 0.95;
  font-size: clamp(2.2rem, 6vw, 3.6rem); margin: 0 0 1rem;
}
.register-page .reg-intro { color: var(--muted); margin: 0 0 1.8rem; line-height: 1.6; }
.register-page .reg-intro a { color: var(--solar); }
.register-page .contact-form { display: flex; flex-direction: column; gap: 0.9rem; }
.register-page .contact-form label { display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.8rem; color: var(--muted); }
.register-page .contact-form input,
.register-page .contact-form select,
.register-page .contact-form textarea {
  background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1);
  color: var(--white); font-family: 'Barlow', sans-serif; font-size: 0.95rem;
  padding: 0.85rem 1rem; border-radius: 2px; outline: none; width: 100%; box-sizing: border-box;
}
.register-page .contact-form input:focus,
.register-page .contact-form select:focus,
.register-page .contact-form textarea:focus { border-color: var(--solar); }
.register-page .contact-form select option { background: #1a1a1a; }
.register-page .contact-form textarea { min-height: 130px; resize: vertical; }
.register-page .contact-form button {
  align-self: flex-start; background: var(--solar); color: var(--black); border: none;
  font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.14em;
  text-transform: uppercase; padding: 0.95rem 2rem; cursor: pointer; border-radius: 2px;
}
.register-page footer {
  background: #020202; padding: 1.4rem 2rem; border-top: 1px solid rgba(255,255,255,0.05);
  font-size: 0.8rem; color: var(--muted);
}
.register-page footer a { color: var(--muted); }