.newsletter {
  margin: 0 0 1.4rem;
  padding: 1.2rem 1.2rem;
  border-radius: 16px;
  border: 1px solid rgba(0, 46, 63, 0.12);
  background: linear-gradient(
    135deg,
    rgba(0, 139, 191, 0.10),
    rgba(0, 92, 126, 0.06)
  );
  box-shadow: 0 16px 46px rgba(0, 46, 63, 0.12);
  display: grid;
  gap: 0.9rem;
}

.newsletter-title {
  font-weight: 850;
  letter-spacing: -0.01em;
  color: var(--color-gopsco-deep);
}

.newsletter-subtitle {
  margin-top: 0.25rem;
  color: rgba(0, 46, 63, 0.68);
}

.newsletter-form {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  align-items: center;
}

.newsletter-form input {
  flex: 1;
  min-width: 240px;
}

.newsletter-status {
  font-size: 0.95rem;
  padding: 0.6rem 0.8rem;
  border-radius: 12px;
  border: 1px solid rgba(0, 46, 63, 0.12);
  background: rgba(255, 255, 255, 0.72);
}

.newsletter-status.ok {
  border-color: rgba(0, 139, 191, 0.22);
  color: rgba(0, 46, 63, 0.86);
}

.newsletter-status.error {
  border-color: rgba(211, 47, 47, 0.28);
  color: #b42318;
}