/* ========================================
   استایل بخش‌های اصلی
   ======================================== */

.section {
  display: none;
  padding: 1rem 2rem 4rem;
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.section.active {
  display: block;
  animation: sectionIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.section-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  font-style: italic;
  color: var(--mauve);
  margin-bottom: 1.5rem;
  text-align: center;
  position: relative;
}

.section-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: var(--gradient-primary);
  border-radius: 10px;
  margin: 0.5rem auto 0;
}