<?php
require_once __DIR__ . '/../config/constants.php';
require_once __DIR__ . '/../includes/auth.php';
require_once __DIR__ . '/../includes/rbac.php';
startSecureSession();
if (isLoggedIn()) { redirectByRole(); }
$loginUrl    = BASE_URL . '/public/index.php';
$registerUrl = BASE_URL . '/public/index.php?mode=register&path=lawyer';
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl" data-theme="dark">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>قضيتي — نظام إدارة القضايا القضائية</title>
<script>(function(){var d=localStorage.getItem('kadiyati_dark');if(d===null){localStorage.setItem('kadiyati_dark','1');d='1';}document.documentElement.setAttribute('data-theme',d==='1'?'dark':'light');}());</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Amiri:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.rtl.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<style>
/* ── THEME ── */
[data-theme="dark"]{
  --bg:#0A1628;--bg2:#0F1E35;--surf:rgba(255,255,255,.04);--surf2:rgba(255,255,255,.08);
  --bdr:rgba(255,255,255,.08);--bdr2:rgba(201,168,76,.22);
  --txt:#F0EDE8;--txt2:rgba(240,237,232,.6);--txt3:rgba(240,237,232,.3);
  --card:rgba(12,22,44,.97);--nav-bg:rgba(10,22,40,.96);--footer-bg:#060E1C;
  --feat-card:#0F1E35;--sec-alt:#080F1C;
  --hero-bg1:#0A1628;--hero-bg2:#1a2b42;--hero-bg3:#1e3050;
  --hero-txt:#ffffff;--hero-p:rgba(255,255,255,.58);
}
[data-theme="light"]{
  --bg:#F7F4EF;--bg2:#EDE8E0;--surf:rgba(255,255,255,.8);--surf2:#fff;
  --bdr:rgba(13,27,42,.1);--bdr2:rgba(201,168,76,.35);
  --txt:#0D1B2A;--txt2:rgba(13,27,42,.62);--txt3:rgba(13,27,42,.35);
  --card:#fff;--nav-bg:rgba(247,244,239,.97);--footer-bg:#0D1B2A;
  --feat-card:#fff;--sec-alt:#EDE8E0;
  --hero-bg1:#EDE8E0;--hero-bg2:#E0D8CC;--hero-bg3:#D8CFBF;
  --hero-txt:#0D1B2A;--hero-p:rgba(13,27,42,.6);
}
:root{--gold:#C9A84C;--gold2:#E8C97A;--navy:#0A1628;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Cairo',sans-serif;background:var(--bg);color:var(--txt);direction:rtl;overflow-x:hidden;transition:background .3s,color .3s}

/* ── CONTROLS BAR ── */
.ctrl-bar{position:fixed;top:0;width:100%;z-index:200;padding:11px 24px;display:flex;align-items:center;justify-content:space-between;background:transparent;transition:all .3s}
.ctrl-bar.scrolled{background:var(--nav-bg);backdrop-filter:blur(16px);box-shadow:0 2px 20px rgba(0,0,0,.18);border-bottom:1px solid var(--bdr)}
[data-theme="light"] .ctrl-bar:not(.scrolled) .cb-name{color:var(--navy)}
[data-theme="light"] .ctrl-bar:not(.scrolled) .nl{color:rgba(13,27,42,.7)}
[data-theme="light"] .ctrl-bar:not(.scrolled) .dark-btn{border-color:rgba(13,27,42,.2);color:rgba(13,27,42,.6)}
.cb-logo{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer}
.cb-logo:hover{opacity:.85}
.logo-svg-wrap{width:38px;height:38px;flex-shrink:0}
.cb-name{font-family:'Amiri',serif;font-size:19px;font-weight:700;color:var(--txt);display:block;line-height:1.1}
.cb-sub{font-size:10px;color:var(--txt3);display:block}
.cb-right{display:flex;align-items:center;gap:6px}
.lang-btn{font-size:11px;padding:5px 11px;border-radius:7px;border:1px solid var(--bdr);background:var(--surf);color:var(--txt2);cursor:pointer;transition:all .2s;font-family:'Cairo',sans-serif;font-weight:600}
.lang-btn.active,.lang-btn:hover{background:rgba(201,168,76,.14);border-color:var(--bdr2);color:var(--gold)}
.dark-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--bdr);background:var(--surf);color:var(--txt2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s}
.dark-btn:hover{border-color:var(--bdr2);color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:2px;margin:0 16px}
.nl{font-size:13px;color:var(--txt2);text-decoration:none;padding:6px 12px;border-radius:7px;transition:all .2s;font-weight:500}
.nl:hover{color:var(--gold);background:rgba(201,168,76,.08)}
.btn-cta{background:var(--gold);color:var(--navy)!important;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s;border:none;font-family:'Cairo',sans-serif}
.btn-cta:hover{background:var(--gold2);transform:translateY(-1px)}

/* ── HERO ── */
.hero{min-height:100vh;background:linear-gradient(155deg,var(--hero-bg1) 0%,var(--hero-bg2) 55%,var(--hero-bg3) 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}
.hero-h1{font-family:'Amiri',serif;font-size:clamp(34px,5.5vw,66px);font-weight:700;color:var(--hero-txt);line-height:1.2;margin-bottom:18px}
.hero-h1 em{color:var(--gold);font-style:normal}
.hero-p{font-size:15px;color:var(--hero-p);line-height:1.85;margin-bottom:36px;max-width:540px}
/* Light mode hero circles */
[data-theme="light"] .hc1{background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 65%)}
[data-theme="light"] .hc2{border-color:rgba(201,168,76,.2)}
[data-theme="light"] .hc3{border-color:rgba(201,168,76,.12)}
/* Light mode mockup */
[data-theme="light"] .mock-box{background:rgba(255,255,255,.7);border-color:rgba(201,168,76,.25);box-shadow:0 28px 60px rgba(13,27,42,.12)}
[data-theme="light"] .mock-bar{border-bottom-color:rgba(13,27,42,.08)}
[data-theme="light"] .mock-title-txt{color:rgba(13,27,42,.5)}
[data-theme="light"] .mc{background:rgba(13,27,42,.04);border-color:rgba(13,27,42,.06)}
[data-theme="light"] .mc-num{color:var(--navy)}
[data-theme="light"] .mc-lbl{color:rgba(13,27,42,.45)}
[data-theme="light"] .mr{background:rgba(13,27,42,.04)}
[data-theme="light"] .mrtxt{color:rgba(13,27,42,.6)}
[data-theme="light"] .num-val{color:var(--gold)}
[data-theme="light"] .num-lbl{color:rgba(13,27,42,.5)}
.hc{position:absolute;border-radius:50%}
.hc1{width:700px;height:700px;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 65%);top:-200px;left:-200px}
.hc2{width:500px;height:500px;border:1px solid rgba(201,168,76,.1);bottom:-150px;right:-150px}
.hc3{width:300px;height:300px;border:1px solid rgba(201,168,76,.06);bottom:-80px;right:-80px}
.hero-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.22);border-radius:99px;padding:6px 18px;margin-bottom:22px;font-size:13px;color:var(--gold2);font-weight:600}
.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blink 2s ease infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
.btn-hp{display:inline-flex;align-items:center;gap:10px;font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;padding:14px 32px;border-radius:10px;text-decoration:none;transition:all .25s;border:none;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 8px 24px rgba(201,168,76,.35)}
.btn-gold:hover{background:var(--gold2);color:var(--navy);transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,168,76,.45)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.2)}
.btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
[data-theme="light"] .btn-ghost{background:rgba(13,27,42,.08);color:var(--navy);border-color:rgba(13,27,42,.2)}
[data-theme="light"] .btn-ghost:hover{background:rgba(13,27,42,.14);color:var(--navy)}
.hero-nums{display:flex;gap:36px;margin-top:50px;flex-wrap:wrap}
.num-val{font-size:30px;font-weight:900;color:var(--gold);line-height:1}
.num-lbl{font-size:12px;color:rgba(255,255,255,.45);margin-top:3px}
[data-theme="light"] .num-lbl{color:rgba(13,27,42,.5)}

/* Mockup */
.mock-wrap{position:relative;z-index:1}
.mock-box{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.14);border-radius:20px;padding:22px;backdrop-filter:blur(10px);box-shadow:0 28px 60px rgba(0,0,0,.45)}
.mock-bar{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.mdot{width:10px;height:10px;border-radius:50%}
.mock-title-txt{font-size:13px;color:rgba(255,255,255,.55);flex:1;font-weight:600}
.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.mc{background:rgba(255,255,255,.05);border-radius:12px;padding:14px;border:1px solid rgba(255,255,255,.05)}
.mi{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:8px}
.mi-g{background:rgba(201,168,76,.15);color:var(--gold)}
.mi-gr{background:rgba(26,122,74,.15);color:#4ade80}
.mi-b{background:rgba(26,95,138,.15);color:#60a5fa}
.mi-r{background:rgba(181,38,38,.15);color:#f87171}
.mc-num{font-size:22px;font-weight:800;color:#fff}
.mc-lbl{font-size:10px;color:rgba(255,255,255,.38);margin-top:2px}
.mr{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(255,255,255,.04);border-radius:6px;margin-bottom:3px}
.mrdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mrtxt{font-size:11px;color:rgba(255,255,255,.6);flex:1}
.mrbadge{font-size:9px;padding:2px 8px;border-radius:99px;font-weight:600}
.float-tag{position:absolute;border-radius:12px;padding:10px 14px;box-shadow:0 8px 24px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px}
.ft-light{background:#fff}
.ft-dark{background:var(--navy);border:1px solid rgba(201,168,76,.2)}
.ft-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.ft-lbl{font-size:11px;font-weight:700}
.ft-sub{font-size:10px}

/* ── SECTIONS ── */
.sec{padding:90px 0}
.sec-alt{background:var(--sec-alt)}
.sec-lbl{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.22);border-radius:99px;padding:5px 16px;margin-bottom:14px;font-size:13px;color:var(--gold);font-weight:700}
.sec-h2{font-family:'Amiri',serif;font-size:clamp(26px,4vw,42px);font-weight:700;color:var(--txt);line-height:1.25;margin-bottom:10px}
.sec-p{font-size:15px;color:var(--txt2);max-width:520px;line-height:1.8}
.feat-card{background:var(--feat-card);border-radius:16px;padding:30px 26px;border:1px solid var(--bdr);transition:all .25s;height:100%}
.feat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,27,42,.14);border-color:var(--gold)}
.feat-ico{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px}
.fi-nv{background:rgba(13,27,42,.1);color:var(--navy)}[data-theme="dark"] .fi-nv{background:rgba(255,255,255,.08);color:#fff}
.fi-gd{background:rgba(201,168,76,.12);color:var(--gold)}
.fi-gr{background:rgba(26,122,74,.1);color:#1A7A4A}[data-theme="dark"] .fi-gr{color:#4ade80}
.fi-bl{background:rgba(26,95,138,.1);color:#1A5F8A}[data-theme="dark"] .fi-bl{color:#60a5fa}
.fi-rd{background:rgba(181,38,38,.1);color:#B52626}[data-theme="dark"] .fi-rd{color:#f87171}
.fi-pu{background:rgba(109,40,217,.1);color:#6D28D9}[data-theme="dark"] .fi-pu{color:#a78bfa}
.feat-h{font-family:'Amiri',serif;font-size:18px;font-weight:700;color:var(--txt);margin-bottom:8px}
.feat-p{font-size:13px;color:var(--txt2);line-height:1.75}
.feat-list{margin-top:14px;display:flex;flex-direction:column;gap:5px;list-style:none;padding:0}
.feat-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--txt2)}
.feat-list li::before{content:'✓';color:var(--gold);font-weight:700;flex-shrink:0}
/* Roles */
.role-card{border-radius:20px;padding:36px 28px;height:100%;position:relative;overflow:hidden;transition:all .3s}
.role-card:hover{transform:translateY(-5px)}
.rc-dark{background:var(--navy);border:1px solid rgba(201,168,76,.18)}
.rc-gold{background:linear-gradient(135deg,#C9A84C,#E8C97A)}
.rc-light{background:var(--card);border:1px solid var(--bdr)}
.role-num{font-size:56px;font-weight:900;opacity:.07;position:absolute;top:16px;left:24px;line-height:1;font-family:'Amiri',serif;color:var(--gold)}
.rc-gold .role-num{color:var(--navy)}
.role-ico{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.rc-dark .role-ico{background:rgba(201,168,76,.14);color:var(--gold)}
.rc-gold .role-ico{background:rgba(13,27,42,.12);color:var(--navy)}
.rc-light .role-ico{background:rgba(13,27,42,.08);color:var(--navy)}
[data-theme="dark"] .rc-light .role-ico{background:rgba(201,168,76,.1);color:var(--gold)}
.role-name{font-family:'Amiri',serif;font-size:21px;font-weight:700;margin-bottom:8px}
.rc-dark .role-name{color:#fff}.rc-gold .role-name{color:var(--navy)}.rc-light .role-name{color:var(--txt)}
.role-desc{font-size:13px;line-height:1.75;margin-bottom:18px}
.rc-dark .role-desc{color:rgba(255,255,255,.55)}.rc-gold .role-desc{color:rgba(13,27,42,.65)}.rc-light .role-desc{color:var(--txt2)}
.role-perm{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}
.rc-dark .role-perm{color:rgba(255,255,255,.72)}.rc-gold .role-perm{color:var(--navy)}.rc-light .role-perm{color:var(--txt2)}
.rpd{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--gold)}
.rc-gold .rpd{background:var(--navy)}
/* Workflow */
.sec-dark{background:var(--navy);position:relative;overflow:hidden}
[data-theme="light"] .sec-dark{background:#1a2b42}
.sec-dark::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%)}
.wf-step{display:flex;align-items:flex-start;gap:18px;padding:20px;border-radius:14px;border:1px solid transparent;transition:all .2s}
.wf-step:hover{background:rgba(255,255,255,.04);border-color:rgba(201,168,76,.14)}
.wf-num{width:42px;height:42px;border-radius:50%;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.28);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--gold);flex-shrink:0}
.wf-h{font-size:15px;font-weight:700;color:#fff;margin-bottom:5px}
[data-theme="light"] .wf-h{color:#fff}
.wf-p{font-size:13px;color:rgba(255,255,255,.48);line-height:1.6}
.wf-line{width:2px;height:28px;background:rgba(201,168,76,.18);margin:0 0 0 41px}
/* CTA */
.cta-box{background:var(--navy);border-radius:24px;padding:64px 48px;position:relative;overflow:hidden;text-align:center;border:1px solid rgba(201,168,76,.14)}
[data-theme="light"] .cta-box{background:#1a2b42}
.cta-box::before{content:'';position:absolute;top:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.1) 0%,transparent 70%)}
.cta-box::after{content:'';position:absolute;bottom:-100px;left:-100px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 70%)}
.cta-h{font-family:'Amiri',serif;font-size:clamp(26px,4vw,42px);color:#fff;font-weight:700;margin-bottom:12px;position:relative;z-index:1}
.cta-p{font-size:15px;color:rgba(255,255,255,.5);margin-bottom:32px;position:relative;z-index:1}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
/* Footer */
.footer{background:var(--footer-bg);border-top:1px solid rgba(255,255,255,.06);padding:40px 0 24px}
[data-theme="light"] .footer{border-top:1px solid rgba(13,27,42,.1)}
.footer-divider{border-top:1px solid rgba(255,255,255,.06);margin-top:28px;padding-top:20px}
[data-theme="light"] .footer-divider{border-top:1px solid rgba(255,255,255,.1)}
/* Float tags light mode */
[data-theme="light"] .ft-light{background:#fff;box-shadow:0 4px 20px rgba(13,27,42,.15)}
[data-theme="light"] .ft-dark{background:#1a2b42}

@media(max-width:991px){.hero{padding:100px 0 60px}.mock-wrap{display:none}.hero-nums{gap:22px}.nav-links{display:none}}
@media(max-width:767px){.sec{padding:60px 0}.cta-box{padding:40px 20px}}
</style>
</head>
<body>

<!-- ══ CONTROL BAR ══ -->
<nav class="ctrl-bar" id="mainNav">
  <a href="<?= BASE_URL ?>/public/home.php" class="cb-logo">
    <div class="logo-svg-wrap"></div>
    <div><span class="cb-name" data-i18n="brand">قضيتي</span><span class="cb-sub" data-i18n="brand_sub">نظام القضايا القضائية</span></div>
  </a>
  <div class="nav-links d-none d-lg-flex">
    <a href="#features" class="nl" data-i18n="nav_features">الميزات</a>
    <a href="#roles"    class="nl" data-i18n="nav_roles">الأدوار</a>
    <a href="#workflow" class="nl" data-i18n="nav_workflow">آلية العمل</a>
  </div>
  <div class="cb-right">
    <button class="lang-btn active" data-lang="ar" onclick="applyLang('ar')">ع</button>
    <button class="lang-btn" data-lang="fr" onclick="applyLang('fr')">FR</button>
    <button class="lang-btn" data-lang="en" onclick="applyLang('en')">EN</button>
    <button class="dark-btn" onclick="toggleDark()"><i class="bi bi-moon dark-ico"></i></button>
    <a href="<?= $loginUrl ?>" class="btn-cta d-none d-md-flex" data-i18n="nav_login">دخول</a>
  </div>
</nav>

<!-- ══ HERO ══ -->
<section class="hero">
  <div class="hc hc1"></div><div class="hc hc2"></div><div class="hc hc3"></div>
  <div class="container">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <div class="hero-chip"><div class="chip-dot"></div><span data-i18n="hero_chip">المنصة القضائية الرقمية — الجزائر</span></div>
        <h1 class="hero-h1"><span data-i18n="hero_h1a">إدارة </span><em data-i18n="hero_h1b">القضايا القضائية</em><br><span data-i18n="hero_h1c">بكفاءة واحترافية</span></h1>
        <p class="hero-p" data-i18n="hero_p">منصة رقمية متكاملة...</p>
        <div class="d-flex gap-3 flex-wrap">
          <a href="<?= $loginUrl ?>" class="btn-hp btn-gold"><i class="bi bi-box-arrow-in-right"></i><span data-i18n="hero_btn1">تسجيل الدخول</span></a>
          <a href="<?= $registerUrl ?>" class="btn-hp btn-ghost"><i class="bi bi-person-plus"></i><span data-i18n="hero_btn2">تسجيل كمحامي</span></a>
        </div>
        <div class="hero-nums">
          <div><div class="num-val">3</div><div class="num-lbl" data-i18n="num1_lbl">أدوار متخصصة</div></div>
          <div><div class="num-val">12</div><div class="num-lbl" data-i18n="num2_lbl">وحدة وظيفية</div></div>
          <div><div class="num-val">100%</div><div class="num-lbl" data-i18n="num3_lbl">أمان وتشفير</div></div>
          <div><div class="num-val">RTL</div><div class="num-lbl" data-i18n="num4_lbl">عربي كامل</div></div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="mock-wrap">
          <div class="mock-box">
            <div class="mock-bar">
              <div class="mdot" style="background:#f87171"></div>
              <div class="mdot" style="background:var(--gold)"></div>
              <div class="mdot" style="background:#4ade80"></div>
              <div class="mock-title-txt" data-i18n="mock_title">قضيتي — لوحة التحكم</div>
            </div>
            <div class="mock-grid">
              <div class="mc"><div class="mi mi-g"><i class="bi bi-folder2-open"></i></div><div class="mc-num">124</div><div class="mc-lbl" data-i18n="mock_cases">إجمالي القضايا</div></div>
              <div class="mc"><div class="mi mi-gr"><i class="bi bi-calendar-check"></i></div><div class="mc-num">8</div><div class="mc-lbl" data-i18n="mock_sess">جلسات اليوم</div></div>
              <div class="mc"><div class="mi mi-b"><i class="bi bi-award"></i></div><div class="mc-num">37</div><div class="mc-lbl" data-i18n="mock_judg">أحكام صادرة</div></div>
              <div class="mc"><div class="mi mi-r"><i class="bi bi-person-check"></i></div><div class="mc-num">5</div><div class="mc-lbl" data-i18n="mock_pend">طلبات معلقة</div></div>
            </div>
            <div>
              <div class="mr"><div class="mrdot" style="background:#4ade80"></div><div class="mrtxt">QD-2025-0042 — مدني</div><div class="mrbadge" style="background:rgba(26,122,74,.2);color:#4ade80" data-i18n="mock_open">مفتوحة</div></div>
              <div class="mr"><div class="mrdot" style="background:var(--gold)"></div><div class="mrtxt">QD-2025-0038 — تجاري</div><div class="mrbadge" style="background:rgba(201,168,76,.15);color:var(--gold)" data-i18n="mock_adj">مؤجلة</div></div>
              <div class="mr"><div class="mrdot" style="background:#60a5fa"></div><div class="mrtxt">QD-2025-0031 — جنائي</div><div class="mrbadge" style="background:rgba(26,95,138,.2);color:#60a5fa" data-i18n="mock_app">استئناف</div></div>
            </div>
          </div>
          <div class="float-tag ft-light" style="top:-14px;left:-14px">
            <div class="ft-icon" style="background:rgba(26,122,74,.1)"><i class="bi bi-shield-lock" style="color:#1A7A4A;font-size:16px"></i></div>
            <div><div class="ft-lbl" style="color:var(--navy)" data-i18n="float1_t">نظام RBAC</div><div class="ft-sub" style="color:#7A8A9C" data-i18n="float1_s">صلاحيات متعددة</div></div>
          </div>
          <div class="float-tag ft-dark" style="bottom:-14px;right:-14px">
            <i class="bi bi-bell" style="color:var(--gold);font-size:18px"></i>
            <div><div class="ft-lbl" style="color:#fff" data-i18n="float2_t">إشعارات فورية</div><div class="ft-sub" style="color:rgba(255,255,255,.38)" data-i18n="float2_s">لجميع الأطراف</div></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ══ FEATURES ══ -->
<section class="sec sec-alt" id="features">
  <div class="container">
    <div class="text-center mb-5">
      <div class="sec-lbl mx-auto d-inline-flex"><i class="bi bi-stars"></i><span data-i18n="feat_chip">الميزات الرئيسية</span></div>
      <h2 class="sec-h2" data-i18n="feat_h">كل ما تحتاجه في منصة واحدة</h2>
      <p class="sec-p mx-auto text-center" data-i18n="feat_p">مبني خصيصاً للمنظومة القضائية الجزائرية</p>
    </div>
    <div class="row g-4">
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-nv"><i class="bi bi-folder2-open"></i></div><div class="feat-h" data-i18n="f1_h">إدارة القضايا</div><div class="feat-p" data-i18n="f1_p">تسجيل وتتبع القضايا عبر جميع مراحلها القانونية.</div><ul class="feat-list"><li data-i18n="f1_1">ترقيم تلقائي</li><li data-i18n="f1_2">تصنيف حسب النوع</li><li data-i18n="f1_3">تتبع المراحل</li><li data-i18n="f1_4">ربط المحامين</li></ul></div></div>
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-gd"><i class="bi bi-calendar3"></i></div><div class="feat-h" data-i18n="f2_h">إدارة الجلسات</div><div class="feat-p" data-i18n="f2_p">جدولة الجلسات مع إشعار تلقائي.</div><ul class="feat-list"><li data-i18n="f2_1">جدولة بالتاريخ</li><li data-i18n="f2_2">إشعار فوري</li><li data-i18n="f2_3">تأجيل تلقائي</li><li data-i18n="f2_4">متابعة الحالة</li></ul></div></div>
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-gr"><i class="bi bi-journal-text"></i></div><div class="feat-h" data-i18n="f3_h">المحاضر والأحكام</div><div class="feat-p" data-i18n="f3_p">كتابة المحاضر وإصدار الأحكام.</div><ul class="feat-list"><li data-i18n="f3_1">محاضر تفصيلية</li><li data-i18n="f3_2">تسجيل الحضور</li><li data-i18n="f3_3">إصدار الحكم</li><li data-i18n="f3_4">اعتماد المحضر</li></ul></div></div>
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-bl"><i class="bi bi-arrow-repeat"></i></div><div class="feat-h" data-i18n="f4_h">الاستئناف والنقض</div><div class="feat-p" data-i18n="f4_p">إدارة مراحل الطعن في الأحكام.</div><ul class="feat-list"><li data-i18n="f4_1">طلبات مرتبطة</li><li data-i18n="f4_2">ملف استئناف</li><li data-i18n="f4_3">متابعة القرار</li></ul></div></div>
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-rd"><i class="bi bi-shield-lock"></i></div><div class="feat-h" data-i18n="f5_h">الأمان والصلاحيات</div><div class="feat-p" data-i18n="f5_p">نظام RBAC يضمن وصول كل مستخدم لما يخصه.</div><ul class="feat-list"><li data-i18n="f5_1">تشفير bcrypt</li><li data-i18n="f5_2">جلسات آمنة</li><li data-i18n="f5_3">سجل تدقيق</li><li data-i18n="f5_4">منع الوصول</li></ul></div></div>
      <div class="col-md-6 col-xl-4"><div class="feat-card"><div class="feat-ico fi-pu"><i class="bi bi-file-earmark-arrow-up"></i></div><div class="feat-h" data-i18n="f6_h">إدارة الوثائق</div><div class="feat-p" data-i18n="f6_p">رفع ومراجعة وثائق المحامين.</div><ul class="feat-list"><li data-i18n="f6_1">البطاقة المهنية</li><li data-i18n="f6_2">مراجعة الأدمن</li><li data-i18n="f6_3">قبول أو رفض</li><li data-i18n="f6_4">إعادة الرفع</li></ul></div></div>
    </div>
  </div>
</section>

<!-- ══ ROLES ══ -->
<section class="sec" id="roles">
  <div class="container">
    <div class="text-center mb-5">
      <div class="sec-lbl mx-auto d-inline-flex"><i class="bi bi-people"></i><span data-i18n="roles_chip">أدوار المستخدمين</span></div>
      <h2 class="sec-h2" data-i18n="roles_h">ثلاثة أدوار متخصصة</h2>
      <p class="sec-p mx-auto text-center" data-i18n="roles_p">كل دور بصلاحيات محددة</p>
    </div>
    <div class="row g-4">
      <div class="col-lg-4"><div class="role-card rc-dark h-100"><div class="role-num">01</div><div class="role-ico"><i class="bi bi-person-badge"></i></div><div class="role-name" data-i18n="r1_name">أمين الضبط</div><div class="role-desc" data-i18n="r1_desc">العمود الفقري للنظام.</div><div class="role-perm"><div class="rpd"></div><span data-i18n="r1_p1">تسجيل وإدارة القضايا</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r1_p2">جدولة الجلسات</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r1_p3">كتابة المحاضر</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r1_p4">إصدار الأحكام</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r1_p5">إدارة الاستئناف</span></div></div></div>
      <div class="col-lg-4"><div class="role-card rc-gold h-100"><div class="role-num">02</div><div class="role-ico"><i class="bi bi-briefcase"></i></div><div class="role-name" data-i18n="r2_name">المحامي</div><div class="role-desc" data-i18n="r2_desc">يتابع قضاياه ويرفع وثائقه.</div><div class="role-perm"><div class="rpd"></div><span data-i18n="r2_p1">تسجيل ورفع الوثائق</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r2_p2">متابعة القضايا</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r2_p3">عرض الجلسات</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r2_p4">الإشعارات الفورية</span></div></div></div>
      <div class="col-lg-4"><div class="role-card rc-light h-100"><div class="role-num">03</div><div class="role-ico"><i class="bi bi-shield-check"></i></div><div class="role-name" data-i18n="r3_name">مدير النظام</div><div class="role-desc" data-i18n="r3_desc">يشرف على المنصة ويدير المستخدمين.</div><div class="role-perm"><div class="rpd"></div><span data-i18n="r3_p1">مراجعة المحامين</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r3_p2">إدارة المستخدمين</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r3_p3">سجل التدقيق</span></div><div class="role-perm"><div class="rpd"></div><span data-i18n="r3_p4">التقارير</span></div></div></div>
    </div>
  </div>
</section>

<!-- ══ WORKFLOW ══ -->
<section class="sec sec-dark" id="workflow">
  <div class="container">
    <div class="row g-5 align-items-start">
      <div class="col-lg-5">
        <div class="sec-lbl"><i class="bi bi-diagram-3"></i><span data-i18n="wf_chip">آلية العمل</span></div>
        <h2 class="sec-h2" style="color:#fff"><span data-i18n="wf_h1">من فتح الملف</span><br><em style="color:var(--gold);font-style:normal" data-i18n="wf_h2">إلى القرار النهائي</em></h2>
        <p class="sec-p" style="color:rgba(255,255,255,.45)" data-i18n="wf_p">سير عمل واضح يتبع المسار القانوني الفعلي.</p>
        <div class="d-flex gap-3 mt-4 flex-wrap">
          <a href="<?= $loginUrl ?>" class="btn-hp btn-gold"><i class="bi bi-play-circle"></i><span data-i18n="wf_btn1">ابدأ الآن</span></a>
          <a href="<?= $registerUrl ?>" class="btn-hp btn-ghost"><i class="bi bi-person-plus"></i><span data-i18n="wf_btn2">إنشاء حساب</span></a>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="wf-step"><div class="wf-num">1</div><div><div class="wf-h" data-i18n="wf1_h">فتح الملف القضائي</div><div class="wf-p" data-i18n="wf1_p">يُسجّل أمين الضبط القضية برقم تلقائي.</div></div></div>
        <div class="wf-line"></div>
        <div class="wf-step"><div class="wf-num">2</div><div><div class="wf-h" data-i18n="wf2_h">جدولة الجلسات</div><div class="wf-p" data-i18n="wf2_p">تُحدَّد مواعيد الجلسات ويُشعَر المحامون فوراً.</div></div></div>
        <div class="wf-line"></div>
        <div class="wf-step"><div class="wf-num">3</div><div><div class="wf-h" data-i18n="wf3_h">تسجيل المحاضر</div><div class="wf-p" data-i18n="wf3_p">بعد كل جلسة يُكتب المحضر.</div></div></div>
        <div class="wf-line"></div>
        <div class="wf-step"><div class="wf-num">4</div><div><div class="wf-h" data-i18n="wf4_h">إصدار الحكم</div><div class="wf-p" data-i18n="wf4_p">يُصدَر الحكم ويتاح تقديم الاستئناف.</div></div></div>
        <div class="wf-line"></div>
        <div class="wf-step"><div class="wf-num">5</div><div><div class="wf-h" data-i18n="wf5_h">القرار النهائي</div><div class="wf-p" data-i18n="wf5_p">تُتابَع مراحل الاستئناف والنقض.</div></div></div>
      </div>
    </div>
  </div>
</section>

<!-- ══ CTA ══ -->
<section class="sec" style="background:var(--sec-alt)">
  <div class="container">
    <div class="cta-box">
      <h2 class="cta-h" data-i18n="cta_h">جاهز للبدء؟</h2>
      <p class="cta-p" data-i18n="cta_p">سجّل دخولك الآن أو أنشئ حساب محامي</p>
      <div class="cta-btns">
        <a href="<?= $loginUrl ?>" class="btn-hp btn-gold"><i class="bi bi-box-arrow-in-right"></i><span data-i18n="cta_btn1">تسجيل الدخول</span></a>
        <a href="<?= $registerUrl ?>" class="btn-hp btn-ghost"><i class="bi bi-person-plus"></i><span data-i18n="cta_btn2">تسجيل كمحامي</span></a>
      </div>
    </div>
  </div>
</section>

<!-- ══ FOOTER ══ -->
<footer class="footer">
  <div class="container">
    <div class="row g-4">
      <div class="col-md-5">
        <div class="d-flex align-items-center gap-2 mb-3">
          <a href="<?= BASE_URL ?>/public/home.php" class="cb-logo" style="text-decoration:none">
            <div class="logo-svg-wrap"></div>
            <span class="cb-name" data-i18n="brand" style="color:var(--gold)">قضيتي</span>
          </a>
        </div>
        <p style="font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;max-width:300px" data-i18n="ft_desc">نظام رقمي متكامل لإدارة القضايا القضائية.</p>
      </div>
      <div class="col-md-3">
        <p style="font-size:12px;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px" data-i18n="ft_links">روابط سريعة</p>
        <div class="d-flex flex-column gap-2">
          <a href="<?= $loginUrl ?>" style="font-size:13px;color:rgba(255,255,255,.55);text-decoration:none" class="d-flex align-items-center gap-2"><i class="bi bi-box-arrow-in-right" style="color:var(--gold)"></i><span data-i18n="ft_login">تسجيل الدخول</span></a>
          <a href="<?= $registerUrl ?>" style="font-size:13px;color:rgba(255,255,255,.55);text-decoration:none" class="d-flex align-items-center gap-2"><i class="bi bi-person-plus" style="color:var(--gold)"></i><span data-i18n="ft_reg">تسجيل محامي</span></a>
          <a href="#features" style="font-size:13px;color:rgba(255,255,255,.55);text-decoration:none" class="d-flex align-items-center gap-2"><i class="bi bi-stars" style="color:var(--gold)"></i><span data-i18n="ft_feat">الميزات</span></a>
        </div>
      </div>
      <div class="col-md-4">
        <p style="font-size:12px;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px" data-i18n="ft_demo">بيانات الدخول التجريبية</p>
        <div style="background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.15);border-radius:10px;padding:14px">
          <div style="font-size:12px;color:rgba(255,255,255,.6);margin-bottom:8px"><span style="color:var(--gold);font-weight:700" data-i18n="ft_admin">مدير النظام</span>:<br>admin@legalcms.dz / password</div>
          <div style="font-size:12px;color:rgba(255,255,255,.6)"><span style="color:var(--gold);font-weight:700" data-i18n="ft_clerk">أمين الضبط</span>:<br>clerk@legalcms.dz / password</div>
        </div>
      </div>
    </div>
    <div class="footer-divider">
      <p style="font-size:11px;color:rgba(255,255,255,.25);text-align:center;margin:0">© <?= date('Y') ?> <span data-i18n="brand">قضيتي</span></p>
    </div>
  </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/i18n.js"></script>
<script>
window.addEventListener('scroll',()=>document.getElementById('mainNav').classList.toggle('scrolled',scrollY>50));
document.querySelectorAll('a[href^="#"]').forEach(a=>a.addEventListener('click',e=>{const t=document.querySelector(a.getAttribute('href'));if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth'});}}));
</script>
</body>
</html>