Update CSS

/* --- Modern Main Page Styles --- */ body.page-Main_Page h1.firstHeading, body.page-صفحهٔ_اصلی h1.firstHeading, body.page-صفحه_اصلی h1.firstHeading {

   display: none !important;

}

body.page-Main_Page #content, body.page-صفحهٔ_اصلی #content, body.page-صفحه_اصلی #content {

   background: transparent;
   border: none;
   box-shadow: none;

}

.hero-section {

   background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
   color: white;
   text-align: center;
   padding: 60px 20px;
   border-radius: 15px;
   margin-bottom: 30px;
   box-shadow: 0 10px 20px rgba(0,0,0,0.15);
   direction: rtl;

}

.hero-title {

   font-size: 2.8rem;
   margin-bottom: 15px;
   font-weight: bold;
   color: #fff;

}

.hero-subtitle {

   font-size: 1.3rem;
   opacity: 0.9;
   margin-bottom: 30px;
   line-height: 1.6;

}

.hero-search {

   display: flex;
   justify-content: center;
   margin: 0 auto;

}

.hero-search .searchbox {

   display: inline-block;

}

.hero-search input.mw-searchInput {

   padding: 12px 20px !important;
   font-size: 1.1rem !important;
   border: none !important;
   border-radius: 0 30px 30px 0 !important;
   outline: none !important;
   min-width: 300px;
   font-family: inherit;

}

.hero-search input.mw-searchButton {

   padding: 12px 25px !important;
   background: #ff9800 !important;
   color: white !important;
   border: none !important;
   border-radius: 30px 0 0 30px !important;
   font-size: 1.1rem !important;
   cursor: pointer !important;
   font-weight: bold !important;
   transition: background 0.3s !important;
   font-family: inherit;

}

.hero-search input.mw-searchButton:hover {

   background: #e68a00 !important;

}

.dynamic-content-grid {

   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 25px;
   margin-top: 30px;
   direction: rtl;

}

.dynamic-card {

   background: white;
   border-radius: 12px;
   padding: 25px;
   box-shadow: 0 4px 12px rgba(0,0,0,0.05);
   border: 1px solid #f0f0f0;
   transition: transform 0.3s, box-shadow 0.3s;

}

.dynamic-card:hover {

   transform: translateY(-5px);
   box-shadow: 0 12px 20px rgba(0,0,0,0.1);

}

.card-title {

   border-bottom: 2px solid #2a5298;
   padding-bottom: 10px;
   color: #2c3e50;
   margin-top: 0;
   margin-bottom: 15px;
   font-size: 1.5rem;
   font-weight: bold;

}

.dynamic-card ul {

   list-style: none;
   padding: 0;
   margin: 0;

}

.dynamic-card ul li {

   margin-bottom: 10px;
   padding-right: 20px;
   position: relative;

}

.dynamic-card ul li::before {

   content: '•';
   color: #2a5298;
   position: absolute;
   right: 0;
   font-size: 1.2em;
   top: -2px;

}

.dynamic-card ul li a {

   color: #34495e;
   text-decoration: none;
   transition: color 0.2s;

}

.dynamic-card ul li a:hover {

   color: #2a5298;

} /* --- End Modern Main Page Styles --- */