صفحه اصلی/عنوان - فراغیب

<div class="portal-welcome-box"
     style="
       direction: rtl;
       max-width: 800px;      /* دقیقاً هماهنگ با عرض ویدیو */
       margin: 20px auto;     /* وسط‌چین کردن در صفحه */
       overflow: hidden;
       color: #19324a;
       border: 1px solid #c9e0f4;
       border-radius: 18px;
       background:
         radial-gradient(circle at 10% 10%, rgba(255,255,255,.82) 0%, transparent 32%),
         linear-gradient(135deg, #eaf6ff 0%, #d7edff 52%, #edf8ff 100%);
       box-shadow: 0 8px 24px rgba(42, 91, 128, .14);
     ">

  <!-- نوار بالایی -->
  <div style="
    height: 6px;
    background: linear-gradient(90deg, #1677bd, #37a6d8, #6cc6ba);
  "></div>

  <div style="
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 16px 24px;
    text-align: center;
  ">

    <!-- محتوا -->
    <div style="width: 100%;">
      <h2 style="
        margin: 0 0 8px;
        padding: 0;
        color: #125b94;
        border: none;
        font-size: 160%;
        font-weight: 800;
        line-height: 1.3;
      ">
        به فراغیب خوش آمدید
      </h2>

      <p style="
        margin: 0 auto;
        color: #294d69;
        font-size: 105%;
        line-height: 1.6;
      ">
        مدرسه مجازی برای توسعه شخصی و مهارتی و کاری شما وابسته به 
        [[گروه برنامه نویسی فراغیب|گروه برنامه نویسی فراغیب]]
      </p>

    </div>
  </div>
</div>