/* ========================================
   استایل هدر و لوگو
   ======================================== */

header {
  text-align: center;
  padding: 3rem 2rem 2rem;
  position: relative;
  z-index: 10;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.logo-badge {
  display: inline-block;
  background: var(--gradient-primary);
  color: white;
  font-size: 0.75rem;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

header h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-style: italic;
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

header p {
  color: var(--mauve);
  font-size: 0.95rem;
  font-weight: 300;
  letter-spacing: 1px;
}