/* the sign-up page (signup.html), on top of css/privacy.css */
.signup { margin: 22px 0 8px; display: flex; flex-direction: column; gap: 6px; }
.signup label { color: #ffd23a; font: 700 13px/1.4 ui-monospace, Menlo, monospace; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 8px; }
.signup input[type="email"], .signup input[type="tel"] {
  font: 16px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* 16px: no zoom on iPhone */
  padding: 12px; background: #1f1016; color: #ffffff; border: 1px solid #6a3a30; border-radius: 0; width: 100%;
}
.signup input:focus { outline: 2px solid #ff7a1a; outline-offset: 1px; }
.signup .hint { margin: 0; color: #9a8a90; font-size: 13px; }
.signup .hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.signup .agree { display: flex; gap: 10px; align-items: flex-start; color: #ffffff; text-transform: none; letter-spacing: 0; font: 700 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin-top: 16px; cursor: pointer; }
.signup .agree input { width: 22px; height: 22px; margin: 0; flex: 0 0 auto; accent-color: #ff7a1a; }
.signup .consent { margin: 4px 0 0; color: #c8b8a8; font-size: 13px; line-height: 1.5; }
.signup .links { margin: 0; font-size: 13px; }
.signup button {
  margin-top: 14px; padding: 14px; background: #ff7a1a; color: #150a0e; border: 0; cursor: pointer;
  font: 700 17px/1 ui-monospace, Menlo, monospace; letter-spacing: 0.1em;
}
.signup button:disabled { opacity: 0.6; cursor: wait; }
.signup .msg { min-height: 1.4em; margin: 4px 0 0; color: #ff5050; font-weight: 700; }
.done { margin: 22px 0; padding: 14px; background: #1f1016; border-left: 3px solid #5affa0; }
.done h2 { margin-top: 0; color: #5affa0; }
[hidden] { display: none !important; }