<div class="confluence-output" style="max-width: 100%; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.8; color: #172B4D; direction: rtl; text-align: right;">

  <!-- DIV 1: Header -->
  <div style="background: linear-gradient(135deg, #0747A6, #0052CC); color: #ffffff; text-align: center; padding: 30px 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(9,30,66,0.13);">
    <h1 style="margin: 0; font-size: 32px; font-weight: bold; color: #ffffff;">راهنمای کامل و جامع سامانه مودیان</h1>
    <p style="margin: 10px 0 0; font-size: 16px; color: #deebff;">سام یار | سامانه ارسال صورتحساب به سامانه مودیان</p>
  </div>

  <!-- DIV 2: Links List -->
  <div style="background: #ffffff; border: 1px solid #dfe1e6; border-radius: 8px; padding: 24px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(9,30,66,0.08);">
    <h2 style="margin-top: 0; color: #0747A6; border-bottom: 1px solid #dfe1e6; padding-bottom: 8px; font-size: 20px; margin-bottom: 20px;">عناوین و سرفصل‌های آموزشی</h2>
    
    <div style="margin-top: 15px;">
      <a href="#" style="display: block; padding: 14px 18px; margin-bottom: 12px; background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 6px; text-decoration: none; color: #172B4D; font-weight: 600; transition: background 0.15s ease;">
        <span style="color: #0052CC; margin-left: 8px;">•</span> سامانه مودیان چیست
      </a>
      
      <a href="#" style="display: block; padding: 14px 18px; margin-bottom: 12px; background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 6px; text-decoration: none; color: #172B4D; font-weight: 600; transition: background 0.15s ease;">
        <span style="color: #0052CC; margin-left: 8px;">•</span> نحوه ساخت کارپوشه
      </a>
      
      <a href="#" style="display: block; padding: 14px 18px; margin-bottom: 12px; background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 6px; text-decoration: none; color: #172B4D; font-weight: 600; transition: background 0.15s ease;">
        <span style="color: #0052CC; margin-left: 8px;">•</span> آشنایی با انواع صورتحساب
      </a>
      
      <a href="#" style="display: block; padding: 14px 18px; margin-bottom: 12px; background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 6px; text-decoration: none; color: #172B4D; font-weight: 600; transition: background 0.15s ease;">
        <span style="color: #0052CC; margin-left: 8px;">•</span> نحوه ثبت و ارسال صورتحساب الکترونیکی
      </a>
      
      <a href="#" style="display: block; padding: 14px 18px; background: #f4f5f7; border: 1px solid #dfe1e6; border-radius: 6px; text-decoration: none; color: #172B4D; font-weight: 600; transition: background 0.15s ease;">
        <span style="color: #0052CC; margin-left: 8px;">•</span> راهنمای خطاهای صورتحساب الکترونیکی
      </a>
    </div>
  </div>

  <!-- DIV 3: Navigation / Back to Home -->
  <div style="background: #ffffff; border: 1px solid #dfe1e6; border-radius: 8px; padding: 16px 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.08); text-align: left;">
    <a href="https://conf.rayvarz.dev/x/PIqEBg" style="display: inline-block; padding: 10px 20px; background: #0052CC; border-radius: 4px; text-decoration: none; color: #ffffff; font-weight: bold; transition: background 0.15s ease;">
      بازگشت به صفحه اصلی (خانه)
    </a>
  </div>

</div>