/* Newsletter Styles */
.newsletter-section { background: linear-gradient(135deg, var(--black) 0%, #2D0A4A 100%); color: white; padding: 60px 32px; text-align: center; }
.newsletter-section h2 { font-family: 'Bebas Neue', 'Heebo', sans-serif; font-size: 42px; letter-spacing: -1px; margin-bottom: 12px; }
.newsletter-section h2 span { background: linear-gradient(90deg, var(--pink), var(--yellow)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.newsletter-section p { font-size: 14px; color: #ccc; margin-bottom: 24px; }
.newsletter-form { max-width: 480px; margin: 0 auto; display: flex; gap: 8px; }
.newsletter-form input { flex: 1; padding: 14px 18px; border: none; font-size: 14px; font-family: inherit; outline: none; border-radius: 4px; }
.newsletter-form button { padding: 14px 28px; background: var(--pink); color: white; border: none; font-size: 13px; font-weight: 800; letter-spacing: 2px; cursor: pointer; transition: background 0.2s; border-radius: 4px; }
.newsletter-form button:hover { background: var(--yellow); color: var(--black); }

@media (max-width: 768px) {
  .newsletter-section { padding: 40px 16px; }
  .newsletter-section h2 { font-size: 32px; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form button { padding: 16px; }
}