/* css/subscribe.css — Mailing list subscribe form */

.subscribe-box {
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}

.subscribe-box p {
  color: var(--text-secondary);
  margin-bottom: var(--space-md);
}

.subscribe-form {
  display: flex;
  gap: var(--space-sm);
}

.subscribe-input {
  flex: 1;
  padding: var(--space-sm) var(--space-md);
  background: var(--bg-secondary);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius);
  color: var(--text-primary);
  font-family: var(--font-main);
  transition: border-color var(--transition-speed) ease;
}

.subscribe-input:focus {
  border-color: var(--accent-2);
  outline: none;
}

.subscribe-btn {
  padding: var(--space-sm) var(--space-lg);
  background: var(--bg-card);
  border: 1px solid var(--border-glow);
  border-radius: var(--radius);
  font-weight: 700;
  cursor: pointer;
  color: var(--text-primary);
  transition: border-color var(--transition-speed) ease,
              box-shadow var(--transition-speed) ease;
}

.subscribe-btn:hover {
  border-color: var(--accent-2);
  box-shadow: 0 4px 16px rgba(51, 204, 255, 0.1);
}

.subscribe-status {
  font-size: 0.8125rem;
  margin-top: var(--space-sm);
  min-height: 1.5em;
}

.subscribe-ok { color: var(--accent-3); }
.subscribe-err { color: var(--accent-1); }

@media (max-width: 600px) {
  .subscribe-form { flex-direction: column; }
}