<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, #00875A, #006644); 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:28px; font-weight:bold; color:#ffffff;">سام یار</h1>
    <p style="margin:10px 0 0; font-size:16px; color:#E3FCEF;">
      سامانه ارسال صورتحساب به سامانه مودیان
    </p>
  </div>

  <!-- DIV 2: Main Content -->
  <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="color:#006644; border-bottom:2px solid #00875A; padding-bottom:10px; margin-top:0;">
      آنبوردینگ کاربر
    </h2>

    <p style="margin-top:12px;">
      به سامانه سام‌یار خوش آمدید. این راهنما به شما کمک می‌کند در چند مرحله ساده،
      حساب کاربری خود را ایجاد کرده و تنظیمات اولیه لازم برای استفاده از خدمات سامانه
      را انجام دهید.
    </p>

    <div style="background:#E3FCEF; border-right:5px solid #00875A; padding:15px; margin:22px 0; border-radius:5px;">
      <strong style="color:#006644;">راهنمای شروع به کار</strong>
      <p style="margin:6px 0 0;">
        مراحل زیر را به‌ترتیب انجام دهید تا فرآیند ثبت‌نام و آماده‌سازی حساب کاربری
        با موفقیت تکمیل شود.
      </p>
    </div>

    <!-- Step 1 -->
    <div style="display:flex; align-items:flex-start; gap:15px; background:#F4F5F7; border-right:4px solid #00875A; border-radius:6px; padding:16px; margin-bottom:14px;">
      <div style="font-size:26px; min-width:35px; text-align:center;">📱</div>
      <div>
        <h3 style="margin:0 0 6px; color:#006644; font-size:18px;">
          مرحله ۱: تأیید هویت اولیه
        </h3>
        <p style="margin:0 0 8px;">
          برای تأیید شماره همراه و شناسایی اولیه کاربر، مراحل زیر را انجام دهید:
        </p>
        <ol style="margin:0; padding-right:22px;">
          <li>شماره موبایل خود را در سامانه وارد کنید.</li>
          <li>روی دکمه <strong>«ادامه»</strong> کلیک کنید.</li>
          <li>کد ۶ رقمی ارسال‌شده از طریق پیامک را وارد کنید.</li>
          <li>پس از تأیید کد، به مرحله بعد هدایت خواهید شد.</li>
        </ol>
      </div>
    </div>

    <!-- Step 2 -->
    <div style="display:flex; align-items:flex-start; gap:15px; background:#F4F5F7; border-right:4px solid #2684FF; border-radius:6px; padding:16px; margin-bottom:14px;">
      <div style="font-size:26px; min-width:35px; text-align:center;">🪪</div>
      <div>
        <h3 style="margin:0 0 6px; color:#0747A6; font-size:18px;">
          مرحله ۲: تکمیل اطلاعات هویتی
        </h3>
        <p style="margin:0 0 8px;">
          نوع شخص و اطلاعات هویتی مرتبط با کسب‌وکار خود را با دقت وارد کنید.
        </p>

        <div style="background:#ffffff; border:1px solid #DFE1E6; border-radius:5px; padding:12px; margin-top:8px;">
          <strong style="color:#0747A6;">شخص حقیقی</strong>
          <ul style="margin:6px 0 0; padding-right:22px;">
            <li>انتخاب گزینه «شخص حقیقی»</li>
            <li>واردکردن نام مؤدی</li>
            <li>واردکردن شناسه اقتصادی</li>
          </ul>
        </div>

        <div style="background:#ffffff; border:1px solid #DFE1E6; border-radius:5px; padding:12px; margin-top:10px;">
          <strong style="color:#0747A6;">شخص حقوقی</strong>
          <ul style="margin:6px 0 0; padding-right:22px;">
            <li>انتخاب گزینه «شخص حقوقی»</li>
            <li>واردکردن نام شرکت</li>
            <li>واردکردن شناسه ملی</li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Step 3 -->
    <div style="display:flex; align-items:flex-start; gap:15px; background:#F4F5F7; border-right:4px solid #6554C0; border-radius:6px; padding:16px; margin-bottom:14px;">
      <div style="font-size:26px; min-width:35px; text-align:center;">💼</div>
      <div>
        <h3 style="margin:0 0 6px; color:#403294; font-size:18px;">
          مرحله ۳: انتخاب نوع فعالیت
        </h3>
        <p style="margin:0;">
          نوع فعالیت کسب‌وکار خود را از فهرست موجود انتخاب کنید. تکمیل این فیلد برای
          ارائه خدمات متناسب‌تر و دقیق‌تر الزامی است.
        </p>
      </div>
    </div>

    <!-- Step 4 -->
    <div style="display:flex; align-items:flex-start; gap:15px; background:#F4F5F7; border-right:4px solid #FF991F; border-radius:6px; padding:16px; margin-bottom:22px;">
      <div style="font-size:26px; min-width:35px; text-align:center;">⚙️</div>
      <div>
        <h3 style="margin:0 0 6px; color:#974F0C; font-size:18px;">
          مرحله ۴: تنظیمات نهایی
          <span style="font-size:13px; color:#6B778C;">(اختیاری)</span>
        </h3>
        <p style="margin:0;">
          در این مرحله، تنظیمات نهایی موردنیاز را بررسی و در صورت نیاز تکمیل کنید.
          انجام این مرحله اختیاری است.
        </p>
      </div>
    </div>

    <!-- Important Notes -->
    <div style="background:#FFF7E6; border-right:5px solid #FF991F; padding:16px; border-radius:5px;">
      <h3 style="margin:0 0 8px; color:#974F0C; font-size:18px;">
        نکات مهم
      </h3>
      <ul style="margin:0; padding-right:22px;">
        <li>شماره موبایل باید با <strong>۰۹</strong> شروع شود.</li>
        <li>کد تأیید ارسال‌شده از طریق پیامک، <strong>۶ رقمی</strong> است.</li>
        <li>اطلاعات هویتی و شناسه‌های ثبت‌شده را با دقت وارد کنید.</li>
        <li>نوع شخص باید به‌درستی، به‌صورت حقیقی یا حقوقی، انتخاب شود.</li>
        <li>انتخاب نوع فعالیت کسب‌وکار برای ارائه خدمات دقیق‌تر الزامی است.</li>
        <li>مرحله تنظیمات نهایی اختیاری است.</li>
      </ul>
    </div>

  </div>

  <!-- DIV 3: Home Link -->
  <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:center;">
    <a href="#"
       style="display:inline-block; padding:10px 24px; background:#42526E; border-radius:4px; text-decoration:none; color:#ffffff; font-weight:bold;">
      بازگشت به خانه
    </a>
  </div>

</div>