| <!DOCTYPE html> |
| <html lang="ar" dir="rtl"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>الشروط والأحكام وإخلاء المسؤولية — نيّة</title> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap'); |
| |
| :root{ |
| --bg:#FFFFFF; --ink:#0A0A0A; |
| --line: rgba(10,10,10,0.12); --line-strong: rgba(10,10,10,0.22); |
| --muted: rgba(10,10,10,0.55); --muted-soft: rgba(10,10,10,0.4); |
| --surface: rgba(10,10,10,0.03); --surface-hover: rgba(10,10,10,0.05); |
| --radius: 14px; --max-w: 860px; |
| --warn-bg: #FFF4E5; --warn-border: #E67E00; --warn-ink: #7A4A00; |
| --danger-bg: #FDECEC; --danger-border: #C00000; --danger-ink: #7A0000; |
| } |
| *{ box-sizing:border-box; } |
| html,body{ margin:0; padding:0; } |
| body{ background: var(--bg); color: var(--ink); font-family:'IBM Plex Sans Arabic', sans-serif; line-height:1.9; -webkit-font-smoothing:antialiased; } |
| h1,h2,h3,.brand-name,.btn{ font-family:'Cairo', sans-serif; } |
| a{ color: inherit; } |
| .page{ max-width: var(--max-w); margin:0 auto; padding: 0 20px 70px; } |
| |
| .topbar{ display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border-bottom:1px solid var(--line); position:sticky; top:0; background:var(--bg); z-index:40; } |
| .brand{ display:flex; align-items:center; gap:9px; text-decoration:none; } |
| .brand-mark{ width:30px; height:30px; border-radius:50%; border:2px solid var(--ink); position:relative; flex-shrink:0; } |
| .brand-mark::after{ content:''; position:absolute; inset:7px; border-radius:50%; background:var(--ink); } |
| .brand-name{ font-weight:800; font-size:20px; } |
| .btn{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:10px; border:1.5px solid var(--ink); background:transparent; color:var(--ink); font-weight:700; font-size:13.5px; text-decoration:none; } |
| .btn:hover{ background:var(--surface); } |
| |
| .hero{ text-align:center; padding: 48px 0 20px; } |
| .hero h1{ font-size:28px; font-weight:800; margin:0 0 10px; } |
| .hero p{ color:var(--muted); font-size:15px; max-width:560px; margin:0 auto; } |
| .updated{ text-align:center; font-size:12.5px; color:var(--muted-soft); margin-bottom:36px; } |
| |
| .callout{ |
| border-radius: var(--radius); padding: 20px 22px; margin: 26px 0; |
| border: 1.5px solid var(--danger-border); background: var(--danger-bg); color: var(--danger-ink); |
| } |
| .callout.warn{ border-color: var(--warn-border); background: var(--warn-bg); color: var(--warn-ink); } |
| .callout .icon{ font-size:20px; } |
| .callout h3{ margin:0 0 8px; font-size:16px; display:flex; align-items:center; gap:8px; } |
| .callout p{ margin:0; font-size:14px; } |
| .callout ul{ margin:8px 0 0; padding-inline-start:20px; font-size:14px; } |
| .callout li{ margin-bottom:6px; } |
| |
| section{ margin: 34px 0; } |
| section h2{ font-size:19px; font-weight:800; margin:0 0 14px; display:flex; align-items:center; gap:8px; } |
| section h2 .num{ |
| width:28px; height:28px; border-radius:50%; background:var(--ink); color:var(--bg); |
| display:inline-flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; |
| } |
| section p, section li{ font-size:14.5px; color: #1a1a1a; } |
| section ul{ padding-inline-start:22px; margin:10px 0; } |
| section li{ margin-bottom:8px; } |
| .card{ border:1.5px solid var(--line); border-radius: var(--radius); padding:20px 22px; background:var(--bg); } |
| |
| .tag{ display:inline-block; font-size:11px; font-weight:700; padding:3px 10px; border-radius:999px; border:1px solid var(--line-strong); color:var(--muted); margin-inline-end:6px; } |
| |
| .footer-note{ text-align:center; padding:40px 20px 10px; color:var(--muted-soft); font-size:12.5px; } |
| .divider{ height:1px; background:var(--line); margin:36px 0; border:none; } |
| |
| |
| .bottom-nav{ display:none; } |
| @media (max-width:720px){ |
| body{ padding-bottom: calc(64px + env(safe-area-inset-bottom)); } |
| .bottom-nav{ |
| display:flex; position:fixed; bottom:0; left:0; right:0; z-index:50; |
| background: var(--bg); border-top:1px solid var(--line); |
| padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); |
| box-shadow: 0 -2px 14px rgba(10,10,10,0.05); |
| transform: translateY(0); transition: transform .28s cubic-bezier(.4,0,.2,1); |
| will-change: transform; |
| } |
| .bottom-nav.bn-hidden{ transform: translateY(100%); } |
| .bn-item{ flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; padding:6px 2px; border-radius:12px; color: var(--muted-soft); font-size:10.5px; font-weight:600; text-decoration:none; transition: all .15s ease; } |
| .bn-item svg{ width:22px; height:22px; stroke: currentColor; fill:none; stroke-width:1.8; } |
| .bn-item:active{ transform: scale(.92); } |
| .topbar{ padding:14px 18px; } |
| } |
| |
| @media (max-width:640px){ .topbar{ padding:14px 16px; } .page{ padding:0 14px 50px; } .hero h1{ font-size:23px; } } |
| |
| |
| html{ overflow-x:hidden; } |
| body{ overflow-x:hidden; } |
| img,video{ max-width:100%; height:auto; } |
| *{ word-wrap:break-word; overflow-wrap:break-word; } |
| .page, .center-page{ overflow-x:hidden; } |
| @media (max-width:720px){ |
| .toast{ bottom: calc(78px + env(safe-area-inset-bottom)) !important; max-width: calc(100vw - 32px); } |
| .modal{ max-height: calc(85vh - env(safe-area-inset-bottom)); padding-bottom: calc(26px + env(safe-area-inset-bottom)); } |
| .overlay.show{ z-index:70; } |
| table{ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; } |
| } |
| |
| |
| :root{ |
| --radius: 16px; --radius-sm: 10px; --radius-lg: 22px; |
| --ease: cubic-bezier(.22,1,.36,1); |
| --shadow-sm: 0 1px 3px rgba(10,10,10,0.05), 0 1px 2px rgba(10,10,10,0.04); |
| --shadow-md: 0 6px 20px rgba(10,10,10,0.07), 0 2px 6px rgba(10,10,10,0.04); |
| --shadow-lg: 0 14px 40px rgba(10,10,10,0.12), 0 4px 12px rgba(10,10,10,0.06); |
| } |
| *{ -webkit-tap-highlight-color: transparent; } |
| html{ scroll-behavior:smooth; } |
| body{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } |
| ::selection{ background: var(--ink); color: var(--bg); } |
| ::-webkit-scrollbar-thumb{ border-radius:999px; } |
| a, button, input, textarea, select{ font-family:inherit; } |
| :focus-visible{ outline: 2px solid rgba(10,10,10,0.5); outline-offset:2px; border-radius:6px; } |
| |
| @keyframes fadeSlideUp{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } } |
| @keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } } |
| @keyframes popIn{ from{ opacity:0; transform:scale(.96) translateY(6px); } to{ opacity:1; transform:none; } } |
| |
| .topbar{ backdrop-filter:saturate(1.5) blur(10px); -webkit-backdrop-filter:saturate(1.5) blur(10px); background: rgba(255,255,255,0.86); } |
| |
| .btn{ |
| border-radius: var(--radius-sm) !important; transition: transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease); |
| } |
| .btn:hover{ box-shadow: var(--shadow-sm); } |
| .btn:active{ transform: scale(.96); } |
| .btn-primary{ box-shadow: 0 2px 8px rgba(10,10,10,0.16); } |
| .btn-primary:hover{ box-shadow: var(--shadow-md); transform: translateY(-1.5px); } |
| .btn-ghost:hover{ background: var(--surface); } |
| |
| .card{ |
| border-radius: var(--radius) !important; transition: box-shadow .28s var(--ease), transform .28s var(--ease), border-color .28s var(--ease); |
| animation: fadeSlideUp .5s var(--ease) both; |
| } |
| .card:hover{ box-shadow: var(--shadow-md); border-color: var(--line-strong); } |
| .project-card:hover .thumb img{ transform: scale(1.04); } |
| .thumb img{ transition: transform .5s var(--ease); } |
| |
| input, textarea, select{ |
| border-radius: var(--radius-sm) !important; transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease); |
| } |
| input:focus, textarea:focus, select:focus{ |
| outline:none !important; border-color: var(--ink) !important; box-shadow: 0 0 0 3.5px rgba(10,10,10,0.07); |
| } |
| |
| .badge{ border-radius:999px !important; transition: transform .15s var(--ease); } |
| .modal{ animation: popIn .3s var(--ease) both; border-radius: var(--radius-lg) !important; } |
| .overlay{ transition: opacity .22s var(--ease); } |
| .overlay.show{ animation: fadeIn .22s var(--ease) both; } |
| .toast{ animation: fadeSlideUp .35s var(--ease) both; } |
| |
| .progress-track, .progress-fill{ border-radius:999px !important; } |
| .progress-fill{ transition: width .6s var(--ease) !important; } |
| |
| .stat-box, .stat{ transition: transform .2s var(--ease), box-shadow .2s var(--ease); border-radius: var(--radius-sm) !important; } |
| .stat-box:hover, .stat:hover{ transform: translateY(-2px); box-shadow: var(--shadow-sm); } |
| |
| .filter-chip, .role-card{ transition: all .2s var(--ease); } |
| .role-card:hover{ transform: translateY(-2px); box-shadow: var(--shadow-sm); } |
| |
| @media (max-width:720px){ |
| .btn{ min-height:44px; } |
| input, textarea, select{ font-size:16px !important; } |
| .card{ border-radius: var(--radius-sm) !important; } |
| } |
| |
| </style> |
| </head> |
| <body> |
|
|
| <div class="topbar"> |
| <a class="brand" href="index.html"> |
| <div class="brand-mark"></div> |
| <div class="brand-name">نيّة</div> |
| </a> |
| <a class="btn" href="index.html">رجوع للمنصة</a> |
| </div> |
|
|
| <div class="page"> |
|
|
| <div class="hero"> |
| <h1>الشروط والأحكام — إخلاء المسؤولية</h1> |
| <p>اقرأ الصفحة دي كاملة قبل ما تستخدم "نيّة". استخدامك للمنصة معناه إنك موافق على كل بند فيها.</p> |
| </div> |
| <div class="updated">آخر تحديث — أغسطس 2026 · النسخة التجريبية (Proof of Concept)</div> |
|
|
| <div class="callout"> |
| <h3><span class="icon"><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><circle cx="12" cy="12" r="9"/><path d="M6 6l12 12"/></svg></span> نيّة مجرد وسيط تواصل — مش طرف في أي اتفاق مالي</h3> |
| <p> |
| "نيّة" بتسهّل التواصل بين صاحب المشروع والمستثمر بس. أي اتفاق مالي، أي تحويل فلوس، أي عقد شراكة أو نسبة أرباح |
| بيتم <b>مباشرة وبشكل مستقل بين الطرفين، خارج المنصة تمامًا</b>. المنصة لا تقبض، ولا تحوّل، ولا تضمن، ولا تراقب |
| أي مبلغ مالي بين المستخدمين. |
| </p> |
| </div> |
|
|
| <section> |
| <h2><span class="num">1</span> طبيعة الخدمة</h2> |
| <div class="card"> |
| <p> |
| "نيّة" منصة إلكترونية الهدف منها ربط أصحاب المشاريع الصغيرة والمتوسطة بمستثمرين محتملين، عن طريق عرض |
| المشروع وفكرته ودراسة الجدوى (لو موجودة)، وتسجيل "نية" استثمار مبدئية من المستثمر. المنصة حاليًا في |
| مرحلة تجريبية (Proof of Concept) ولا تعمل كوسيط مالي مرخّص، ولا كشركة استثمار، ولا كجهة تمويل. |
| </p> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">2</span> إخلاء المسؤولية المالية والقانونية</h2> |
| <div class="callout"> |
| <ul> |
| <li>المنصة <b>لا تتحقق من صحة الأرقام المالية</b> اللي بيدخّلها صاحب المشروع (الإيرادات، الأرباح، التقييم).</li> |
| <li>المنصة <b>لا تضمن جدية أو ملاءة أي مستثمر</b> يسجّل نية استثمار، ولا تضمن دفعه للمبلغ فعليًا.</li> |
| <li>المنصة <b>لا تصيغ عقود</b>، ولا تراجعها، ولا تضمن تنفيذ أي طرف لالتزاماته.</li> |
| <li>أي خلاف مالي أو قانوني ينشأ بين صاحب المشروع والمستثمر هو <b>مسؤوليتهما الكاملة والمباشرة</b>، |
| ولا تتحمّل "نيّة" أي جزء من هذه المسؤولية.</li> |
| <li>لا تتحمّل المنصة أي خسارة مالية، تعطيل، نصب، أو ضرر ينتج عن أي تعامل تم عبرها أو نتيجة التواصل من خلالها.</li> |
| </ul> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">3</span> مسؤوليتك الكاملة كمستخدم</h2> |
| <div class="card"> |
| <p>باستخدامك للمنصة، إنت بتتعهد وبتوافق إنك:</p> |
| <ul> |
| <li>هتتحقق بنفسك من هوية الطرف التاني وجديته قبل أي اتفاق أو تحويل فلوس.</li> |
| <li>هتوثّق أي اتفاق مالي أو شراكة بعقد مكتوب رسمي أو موثّق قانونيًا، ومش هتعتمد على أي محادثة داخل المنصة كسند قانوني.</li> |
| <li>هتستشير محامي أو مستشار مالي قبل الدخول في أي التزام استثماري أو تمويلي.</li> |
| <li>هتتحمّل وحدك أي قرار استثماري أو تمويلي تاخده بناءً على معلومات ظهرت على المنصة.</li> |
| <li>لن تحمّل "نيّة" أو القائمين عليها أي مسؤولية مدنية أو جنائية عن أي نزاع ينشأ بينك وبين طرف آخر استخدمت المنصة للتواصل معه.</li> |
| </ul> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">4</span> معنى "تسجيل النية"</h2> |
| <div class="callout warn"> |
| <h3><span class="icon"><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M12 3l9 16H3z"/><path d="M12 9v5M12 17h.01"/></svg>️</span> النية ليست التزامًا ماليًا مُلزِمًا</h3> |
| <p> |
| تسجيل "نية استثمار" هو مجرد إبداء اهتمام أولي غير مُلزِم قانونيًا لأي من الطرفين. لا يترتب عليه أي التزام |
| بالدفع من المستثمر، ولا أي التزام بقبول العرض من صاحب المشروع. الالتزام الفعلي يبدأ فقط بعقد مكتوب |
| موقّع بين الطرفين خارج المنصة. <a href="guide.html" style="text-decoration:underline; font-weight:700;">شوف دليلنا المبسط لخطوات ما بعد التوصيل</a>. |
| </p> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">5</span> توثيق الهوية</h2> |
| <div class="card"> |
| <p> |
| علامة "موثّق <svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><path d="M5 13l4 4L19 7"/></svg>" تعني فقط إن المستخدم رفع صورة بطاقة هوية وتمت مراجعتها شكليًا من فريق المنصة للتأكد |
| من تطابق الاسم مع الحساب. هذا التوثيق <b>لا يُعد ضمانًا لجدية المستخدم، ولا لملاءته المالية، ولا لصحة |
| نواياه</b>، وهو إجراء لتقليل الحسابات الوهمية فقط، وليس ضمانًا من "نيّة" بأي شكل. |
| </p> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">6</span> الإبلاغ عن مشاكل</h2> |
| <div class="card"> |
| <p> |
| لو حصل معاك أي محاولة نصب أو سلوك مريب من مستخدم آخر، بلّغ عنه فورًا من خلال زر "إبلاغ" الموجود |
| على البروفايل أو المشروع. المنصة هتراجع البلاغ وممكن توقف حساب المخالف، لكن هذا إجراء داخلي إداري |
| فقط ولا يُعد تعويضًا أو مسؤولية مالية من المنصة تجاه المتضرر. |
| </p> |
| </div> |
| </section> |
|
|
| <section> |
| <h2><span class="num">7</span> المرحلة القادمة</h2> |
| <div class="card"> |
| <p> |
| النسخة الحالية تجريبية بهدف اختبار الفكرة. عند التوسع لشركة مرخّصة رسميًا، سيتم تحديث هذه الشروط |
| لتشمل عقودًا رسمية موحّدة، وربما آلية استثمار مباشرة عبر المنصة، وستُبلَّغ بأي تغييرات جوهرية تؤثر |
| على حقوقك أو التزاماتك. |
| </p> |
| </div> |
| </section> |
|
|
| <hr class="divider"> |
|
|
| <div class="callout"> |
| <h3><span class="icon"><svg viewBox="0 0 24 24" style="width:14px;height:14px;vertical-align:-2px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-end:3px"><rect x="5" y="11" width="14" height="9" rx="1"/><path d="M8 11V7a4 4 0 018 0v4"/></svg></span> خلاصة قبل ما تكمل</h3> |
| <p> |
| "نيّة" منصة تواصل فقط في مرحلتها الحالية. اتأكد بنفسك، وثّق حقوقك بعقد رسمي، ولا تحوّل أي مبلغ |
| إلا بعد تحقق كامل من الطرف التاني. لو مش موافق على البنود دي، من فضلك لا تستخدم المنصة. |
| </p> |
| </div> |
|
|
| <div class="footer-note">© نيّة — نسخة تجريبية (Proof of Concept). كل الحقوق محفوظة.</div> |
|
|
| </div> |
|
|
| <div class="bottom-nav" id="bottom-nav"> |
| <a class="bn-item" href="index.html"><svg viewBox="0 0 24 24"><path d="M12 3l9 8h-2v9h-5v-6H10v6H5v-9H3z"/></svg><span>استكشف</span></a> |
| <a class="bn-item" href="create.html"><svg viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg><span>اعرض</span></a> |
| <a class="bn-item active" href="terms.html"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 8v5M12 16h.01"/></svg><span>الشروط</span></a> |
| </div> |
| <script> |
| |
| (function(){ |
| const nav = document.getElementById('bottom-nav'); |
| if(!nav) return; |
| let lastY = window.scrollY, ticking = false; |
| window.addEventListener('scroll', () => { |
| if(ticking) return; |
| ticking = true; |
| requestAnimationFrame(() => { |
| const y = window.scrollY; |
| const delta = y - lastY; |
| if(y < 40){ nav.classList.remove('bn-hidden'); } |
| else if(delta > 6){ nav.classList.add('bn-hidden'); } |
| else if(delta < -6){ nav.classList.remove('bn-hidden'); } |
| lastY = y; |
| ticking = false; |
| }); |
| }, { passive:true }); |
| })(); |
| </script> |
| </body> |
| </html> |
|
|
