/* Newsletter Form Styles */
.newsletter-form {
  display: flex;
  gap: 12px;
  width: 100%;
  max-width: 500px;
  flex-wrap: wrap;
  justify-content: center;
  animation: fadeInUp 1.4s ease-out 1.2s both;
}

.email-input {
  flex: 1;
  min-width: 200px;
  max-width: 330px;
  padding: 12px 16px;
  border: none;
  border-radius: 32px;
  background: linear-gradient(
      107deg,
      rgba(218, 192, 155, 0.16) 8%,
      rgba(18, 16, 14, 0.16) 109%
    ),
    linear-gradient(
      90deg,
      rgba(248, 244, 240, 0.06) 0%,
      rgba(248, 244, 240, 0.06) 100%
    );
  backdrop-filter: blur(6px);
  box-shadow: inset 0 0 4px rgba(218, 192, 155, 0.28);
  color: var(--main-white);
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  outline: none;
  transition: box-shadow 0.3s ease;
}

.email-input::placeholder {
  color: var(--main-white);
  opacity: 0.8;
}

.email-input:focus {
  box-shadow: inset 0 0 8px rgba(218, 192, 155, 0.5);
}

.submit-btn {
  padding: 12px 24px;
  border: 2px solid var(--main-accent);
  border-radius: 32px;
  background: transparent;
  color: var(--main-accent);
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.4px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.submit-btn:hover {
  background: var(--main-accent);
  color: var(--main-black);
}

@media (max-width: 600px) {
  .newsletter-form {
    flex-direction: column;
    align-items: center;
  }

  .email-input {
    max-width: 100%;
    width: 100%;
  }

  .submit-btn {
    width: 100%;
    max-width: 330px;
  }
}