/* InstantTeerResults.in — Newsletter email capture (AdSense-safe, CLS-safe) */

.newsletter-capture {
  margin: 2.5rem 0;
  padding: 1.75rem 1.5rem;
  background: linear-gradient(135deg, rgba(245,166,35,.08), rgba(167,139,250,.08));
  border: 1px solid rgba(167,139,250,.15);
  border-radius: 14px;
}
.newsletter-capture .nl-inner {
  max-width: 560px;
  margin: auto;
  text-align: center;
}
.newsletter-capture h3 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #e8e4f8;
  margin: 0 0 .4rem;
  font-family: 'Nunito', sans-serif;
}
.newsletter-capture p {
  color: #a8a2c8;
  font-size: .9rem;
  margin: 0 0 1rem;
  line-height: 1.5;
}
.newsletter-capture form {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.newsletter-capture input[type="email"] {
  flex: 1;
  min-width: 220px;
  padding: .7rem .9rem;
  border: 1px solid rgba(167,139,250,.25);
  border-radius: 8px;
  background: #181535;
  color: #e8e4f8;
  font: inherit;
  font-size: .95rem;
}
.newsletter-capture input[type="email"]:focus {
  outline: none;
  border-color: #f5a623;
}
.newsletter-capture button {
  padding: .7rem 1.2rem;
  background: #f5a623;
  color: #1a1a1a;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  font-size: .95rem;
  font-family: inherit;
  transition: opacity .2s;
  min-height: 44px;
}
.newsletter-capture button:hover { opacity: .9; }
.newsletter-capture button:disabled { opacity: .5; cursor: not-allowed; }
.newsletter-capture .nl-msg {
  margin-top: .65rem;
  font-size: .85rem;
  min-height: 1.2em;
}
.newsletter-capture .nl-msg.ok  { color: #00d4aa; }
.newsletter-capture .nl-msg.err { color: #ff6b6b; }
.newsletter-capture .nl-foot {
  font-size: .72rem;
  color: #7a7299;
  margin-top: .5rem;
  line-height: 1.4;
}
.newsletter-capture .nl-foot a { color: #a78bfa; text-decoration: none; }

/* Honeypot field — invisible, not focusable */
.newsletter-capture .nl-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}