:root{
    --bg: #0a0f1c;
    --bg-panel: #101827;
    --bg-panel-2: #0d1420;
    --grid-line: rgba(56,130,246,0.07);
    --accent-1: #2f80ed;
    --accent-2: #38bdf8;
    --accent-deep: #0b3c91;
    --text-primary: #e7eef5;
    --text-muted: #7c93ad;
    --text-faint: #4c5f78;
    --border: rgba(124,147,173,0.16);
    --border-bright: rgba(56,189,248,0.4);

    /* ===== نظام تصميم موحّد ===== */
    --radius-sm: 8px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-pill: 999px;

    --pad-input: 11px 14px;
    --font-input: 14px;

    --ring: 0 0 0 3px rgba(56,189,248,0.12);
    --shadow-hover: 0 12px 30px -14px rgba(47,128,237,0.45);

    --t-fast: .18s ease;
    --t: .25s ease;
  }
  *{margin:0;padding:0;box-sizing:border-box;}

  /* حماية عامة من الفيضان الأفقي على الشاشات الضيقة */
  html, body{max-width:100%;overflow-x:hidden;}
  img{max-width:100%;height:auto;}

  html{scroll-behavior:smooth;}

  body{
    background:
      linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
      linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
      var(--bg);
    color:var(--text-primary);
    font-family:'IBM Plex Sans Arabic',sans-serif;
    line-height:1.6;
    min-height:100vh;
  }

  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;text-decoration:none;}

  header{
    position:sticky;top:0;z-index:100;
    backdrop-filter:blur(10px);
    background:rgba(10,15,28,0.85);
    border-bottom:1px solid var(--border);
  }
  .nav-wrap{
    max-width:none;margin:0;padding:14px 24px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
  }
  .brand{display:flex;align-items:center;gap:10px;}
  .brand img{height:26px;width:auto;display:block;}
  .nav-links{display:flex;gap:28px;align-items:center;}
  .nav-links a{font-size:14px;color:var(--text-muted);font-weight:500;transition:color .2s ease;}
  .nav-links a:hover{color:var(--accent-2);}
  .search-wrap{display:flex;align-items:center;gap:8px;}
  .search-wrap input{
    background:var(--bg-panel-2);border:1px solid var(--border);
    border-radius:var(--radius-sm);padding:var(--pad-input);min-width:200px;
    outline:none;color:var(--text-primary);
    font-family:'IBM Plex Sans Arabic',sans-serif;font-size:var(--font-input);
    transition:border-color var(--t-fast),box-shadow var(--t-fast);
  }
  .search-wrap input:focus{border-color:var(--border-bright);box-shadow:var(--ring);}
  .search-wrap input::placeholder{color:var(--text-faint);}
  .search-wrap button{
    display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;
    background:linear-gradient(135deg,var(--accent-deep),var(--accent-1));
    border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;
    transition:filter var(--t-fast),transform var(--t-fast);
  }
  .search-wrap button:hover{filter:brightness(1.15);transform:translateY(-1px);}
  .search-wrap button:active{transform:translateY(0);}
  .social-links{display:flex;align-items:center;gap:14px;}
  .social-links a{color:var(--text-muted);display:flex;transition:color .2s ease;}
  .social-links a:hover{color:var(--accent-2);}
  .no-results{margin-top:14px;padding:16px;text-align:center;color:var(--text-faint);font-size:13px;border:1px dashed var(--border);border-radius:var(--radius-sm);}

  .hero{max-width:none;margin:0;padding:64px 34px 52px;position:relative;}
  .hero::before,
  .hero::after{
    content:"";position:absolute;border-radius:50%;
    filter:blur(90px);pointer-events:none;z-index:-1;
  }
  .hero::before{
    width:420px;height:420px;top:-60px;inset-inline-end:5%;
    background:radial-gradient(circle, rgba(47,128,237,0.20), transparent 70%);
    animation:drift1 22s ease-in-out infinite;
  }
  .hero::after{
    width:340px;height:340px;bottom:-40px;inset-inline-start:12%;
    background:radial-gradient(circle, rgba(56,189,248,0.14), transparent 70%);
    animation:drift2 28s ease-in-out infinite;
  }

  @keyframes drift1{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(-40px,30px) scale(1.12);}
  }
  @keyframes drift2{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(35px,-25px) scale(1.08);}
  }
  .hero-tag{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;
    color:var(--accent-2);border:1px solid var(--border-bright);
    padding:6px 12px;border-radius:4px;margin-bottom:28px;
  }
  .hero-tag::before{content:"◆";font-size:9px;}
  .hero h1{
    font-family:'Tajawal',sans-serif;font-weight:900;
    font-size:clamp(36px,6vw,68px);line-height:1.12;
    max-width:860px;margin-bottom:22px;
    letter-spacing:-0.5px;
  }
  .hero h1 span{
    background:linear-gradient(90deg,var(--accent-2),var(--accent-1));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero p{
    color:var(--text-muted);font-size:17px;max-width:560px;margin-bottom:36px;
  }
  .hero-stats{
    display:flex;gap:0;
    border:1px solid var(--border);border-radius:var(--radius-lg);
    overflow:hidden;width:fit-content;
    background:rgba(16,24,39,0.6);backdrop-filter:blur(8px);
    box-shadow:0 8px 32px -16px rgba(0,0,0,0.6);
  }
  .hero-stats div{
    padding:16px 26px;border-inline-end:1px solid var(--border);
  }
  .hero-stats div:last-child{border-inline-end:none;}
  .hero-stats b{
    display:block;font-family:'JetBrains Mono',monospace;font-size:22px;
    color:var(--accent-2);font-weight:700;
  }
  .hero-stats span{font-size:12px;color:var(--text-muted);}

  /* ---------- Index / category register ---------- */
  .index-section{max-width:1200px;margin:0 auto;padding:0 24px 60px;}
  .section-eyebrow{
    font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--text-faint);
    letter-spacing:.14em;margin-bottom:10px;
  }
  .section-title{
    font-family:'Tajawal',sans-serif;font-weight:800;font-size:26px;margin-bottom:28px;
  }

  .register{
    border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  }
  .reg-code{
    font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--accent-2);
    font-weight:700;
  }

  /* ---------- Category sections ---------- */

  .cards-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
  }

  .card{
    background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:16px;position:relative;transition:border-color .2s ease, transform .2s ease;
  }
  .card:hover{border-color:var(--border-bright);transform:translateY(-2px);}
  .card::before, .card::after{
    content:"";position:absolute;width:10px;height:10px;
    border-color:var(--accent-2);opacity:.55;
  }
  .card::before{top:8px;inset-inline-start:8px;border-inline-start:1.5px solid;border-top:1.5px solid;}
  .card::after{bottom:8px;inset-inline-end:8px;border-inline-end:1.5px solid;border-bottom:1.5px solid;}

  .card-screenshot{
    display:block;width:calc(100% + 32px);margin:-16px -16px 14px;
    border-radius:var(--radius-lg) 12px 0 0;height:110px;
    object-fit:contain;object-position:center;
    background:var(--bg-panel-2);
    border-bottom:1px solid var(--border);
    padding:12px;
  }

  .card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}
  .card-name{
    font-weight:700;font-size:14px;line-height:1.4;
    overflow:hidden;text-overflow:ellipsis;
    display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  }
  .card-badge{
    font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--accent-2);
    border:1px solid var(--border-bright);border-radius:3px;padding:2px 6px;
  }
  .card-desc{
    color:var(--text-muted);font-size:12px;margin-bottom:14px;
    line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;
    -webkit-box-orient:vertical;overflow:hidden;min-height:37px;
  }

  .card-specs{
    display:flex;flex-wrap:wrap;gap:4px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;
    color:var(--text-faint);margin-bottom:12px;border-top:1px dashed var(--border);
    padding-top:10px;
  }
  .card-specs span b{color:var(--text-muted);font-weight:600;}

  .card-download{
    display:flex;align-items:center;justify-content:center;gap:8px;
    width:100%;padding:11px;border-radius:var(--radius-sm);font-size:13px;
    background:linear-gradient(90deg,var(--accent-deep),var(--accent-1));
    color:#fff;font-weight:600;font-size:13px;border:none;cursor:pointer;
    transition:filter .2s ease;
  }
  .card-download:hover{filter:brightness(1.15);}

  .empty-note{
    grid-column:1/-1;color:var(--text-faint);font-size:13px;
    border:1px dashed var(--border);border-radius:var(--radius-sm);padding:20px;text-align:center;
  }

  /* ---------- Footer ---------- */
  footer{
    border-top:1px solid var(--border);margin-top:40px;
    padding:34px 24px;text-align:center;color:var(--text-faint);font-size:13px;
  }
  footer img{height:18px;opacity:.7;margin-bottom:10px;}
  .footer-social{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;}
  .footer-social a{color:var(--text-muted);transition:color .2s ease;}
  .footer-social a:hover{color:var(--accent-2);}
  .footer-social span{color:var(--text-faint);}

  @media (max-width:640px){
    /* تُعرض سطرًا مستقلًا أسفل الهيدر — القاعدة التفصيلية في استعلام الجوال أدناه */
    .nav-links{flex-wrap:wrap;}
  }

  ::selection{background:var(--accent-1);color:#fff;}

  /* ==================== تأثيرات بصرية ==================== */

  /* ظهور تدريجي ناعم للبطاقات والصفوف */
  @keyframes fadeUp{
    from{opacity:0;transform:translateY(14px);}
    to{opacity:1;transform:translateY(0);}
  }
  .card, .cat-card{
    animation:fadeUp .5s ease backwards;
  }
  /* تدرّج بالتوقيت — البطاقات بتطلع وحدة ورا التانية */
  .cards-grid .card:nth-child(1){animation-delay:.05s}
  .cards-grid .card:nth-child(2){animation-delay:.1s}
  .cards-grid .card:nth-child(3){animation-delay:.15s}
  .cards-grid .card:nth-child(4){animation-delay:.2s}
  .cards-grid .card:nth-child(5){animation-delay:.25s}
  .cards-grid .card:nth-child(n+6){animation-delay:.3s}

  /* توهج ناعم حوالين البطاقة عند المرور عليها */
  .card{
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 32px -12px rgba(47,128,237,0.45);
  }

  /* زوم خفيف على صورة البرنامج عند المرور */
  .card-screenshot{transition:opacity .3s ease;}
  .card:hover .card-screenshot{opacity:.92;}

  /* بديل البرامج بلا صورة: حرفان بخلفية ملوّنة تُولَّد من الاسم على الخادم.
     اللون يأتي جاهزًا في style السطر، وهنا الشكل فقط. */
  .shot-fallback{
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-mono,inherit);font-weight:800;
    letter-spacing:.04em;user-select:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  }
  .card-screenshot.shot-fallback{font-size:34px;}
  .card-screenshot.shot-fallback span{opacity:.95;}
  .prog-screenshot.shot-fallback{font-size:52px;}
  .card{overflow:hidden;}

  /* نبض خفيف على زر التحميل يلفت الانتباه */
  .card-download{
    position:relative;overflow:hidden;
    transition:filter .2s ease, transform .15s ease;
  }
  .card-download:hover{transform:translateY(-2px);}
  .card-download::after{
    content:"";position:absolute;top:0;inset-inline-start:-100%;
    width:100%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
    transition:inset-inline-start .5s ease;
  }
  .card-download:hover::after{inset-inline-start:100%;}

  /* صفوف الفهرس بتتحرك شوي عند المرور */

  /* الأرقام بالهيرو بتظهر بتأثير ناعم */
  .hero-stats b{animation:fadeUp .6s ease .2s backwards;}

  /* شارة الإصدار بتلمع خفيف */
  .card:hover .card-badge{
    border-color:var(--accent-2);
    box-shadow:0 0 12px -2px rgba(56,189,248,0.5);
    transition:all .25s ease;
  }

  /* احترام تفضيل تقليل الحركة لمن يحتاجه */
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important;transition:none !important;}
  }

  /* ==================== الإعلانات ==================== */
  .banner-zone{
    max-width:none;margin:0;padding:0;
    display:flex;flex-direction:column;gap:14px;
  }
  .banner-zone:not(:empty){margin-bottom:32px;}

  .banner-item{
    display:flex;align-items:center;gap:18px;
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:16px;position:relative;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .banner-item:hover{
    border-color:var(--border-bright);transform:translateY(-2px);
    box-shadow:0 10px 28px -14px rgba(47,128,237,0.4);
  }

  .banner-label{
    position:absolute;top:10px;inset-inline-end:12px;
    background:rgba(56,189,248,0.12);border:1px solid var(--border-bright);
    color:var(--accent-2);font-family:'JetBrains Mono',monospace;
    font-size:11px;letter-spacing:.05em;padding:4px 10px;border-radius:5px;
  }

  .banner-media{
    width:150px;height:90px;flex-shrink:0;
    border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);
    background:var(--bg-panel-2);
  }
  .banner-media img{
    width:100%;height:100%;object-fit:contain;display:block;
    padding:6px;transition:opacity .3s ease;
  }
  .banner-item:hover .banner-media img{opacity:.9;}

  .banner-text{flex:1;min-width:0;padding-inline-end:80px;}
  .banner-title{font-weight:700;font-size:16px;margin-bottom:6px;}
  .banner-desc{color:var(--text-muted);font-size:13px;margin-bottom:10px;line-height:1.5;}
  .banner-cta{
    display:inline-block;font-size:12px;color:var(--accent-2);font-weight:600;
    transition:transform .2s ease;
  }
  .banner-item:hover .banner-cta{transform:translateX(-4px);}

  /* ==================== اقتراحات البحث ==================== */
  .search-input-box{position:relative;}

  .search-suggestions{
    position:absolute;top:calc(100% + 8px);inset-inline-start:0;
    width:100%;min-width:min(260px, calc(100vw - 40px));z-index:150;
    background:var(--bg-panel);border:1px solid var(--border-bright);
    border-radius:var(--radius);overflow:hidden;
    box-shadow:0 16px 40px -12px rgba(0,0,0,0.6);
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
  }
  .search-suggestions.open{opacity:1;visibility:visible;transform:translateY(0);}

  .suggestion-item{
    display:block;padding:11px 14px;
    border-bottom:1px solid var(--border);
    transition:background .15s ease;
  }
  .suggestion-item:last-child{border-bottom:none;}
  .suggestion-item:hover{background:var(--bg-panel-2);}
  .suggestion-name{font-size:14px;font-weight:600;color:var(--text-primary);}
  .suggestion-cat{font-size:11px;color:var(--text-faint);margin-top:2px;}
  .suggestion-empty{padding:14px;font-size:13px;color:var(--text-faint);text-align:center;}

  /* ==================== تجاوب كامل مع الجوال ==================== */
  @media (max-width:900px){
    .nav-wrap{flex-wrap:wrap;gap:12px;}
    .search-wrap{order:3;width:100%;}
    .search-wrap .search-input-box{flex:1;}
    .search-wrap input{width:100%;min-width:0;}
  }

  @media (max-width:640px){
    /* تكبير مساحات اللمس — الحد الموصى به 44px */
    .share-btn{width:44px;height:44px;}
    .social-links{gap:16px;}
    /* كان 29×29 فعليًا — أصغر من الحد الموصى به */
    .social-links a{padding:11px;margin:-5px;}
    .search-wrap button{width:46px;height:46px;}
    .cat-chip{padding:9px 14px;}

    .nav-wrap{padding:12px 16px;}
    /* كان 22px من أصل 512×512 — بقعة غير مقروءة */
    .brand img{height:30px;}
    /* كانت مخفية بلا زر قائمة، فلا طريق إلى "من نحن" إلا من الفوتر.
       نعرضها سطرًا مستقلًا أسفل الهيدر بدل إخفائها. */
    .nav-links{
      display:flex;order:5;width:100%;gap:24px;justify-content:center;
      margin-top:2px;padding-top:10px;border-top:1px solid var(--border);
    }
    .nav-links a{font-size:14px;padding:5px 2px;}

    .hero{padding:50px 16px 40px;}
    .hero h1{font-size:clamp(26px,7vw,36px);}
    .hero p{font-size:15px;}
    .hero-stats{width:100%;}
    .hero-stats div{flex:1;padding:14px 16px;text-align:center;}

    .index-section, .top-section, .banner-zone{padding-inline:16px;}

    .cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
    .card{padding:12px;}
    .card-screenshot{width:calc(100% + 24px);margin:-12px -12px 10px;height:86px;padding:9px;}
    .card-name{font-size:13px;}
    .card-desc{font-size:11px;min-height:34px;margin-bottom:10px;}
    .card-specs{font-size:9px;gap:3px 8px;padding-top:8px;margin-bottom:10px;}
    .card-download{padding:8px;font-size:11px;}

    /* الإعلان بيصير عمودي عالجوال */
    .banner-item{flex-direction:column;align-items:stretch;gap:12px;padding:14px;}
    .banner-media{width:100%;height:140px;}
    .banner-text{padding-inline-end:0;padding-top:4px;}
    .banner-label{top:auto;bottom:14px;inset-inline-end:14px;}

    footer{padding:28px 16px;}
  }

  @media (max-width:400px){
    .cards-grid{grid-template-columns:1fr;}
    .card-screenshot{height:110px;}
    .hero h1{font-size:24px;}
    .search-wrap button{width:42px;height:42px;}
    .search-wrap input{padding:11px 14px;}
  }

  /* ==================== بطاقة قابلة للنقر بالكامل ==================== */
  a.card{text-decoration:none;color:inherit;display:block;cursor:pointer;}
  a.card .card-download{
    display:flex;align-items:center;justify-content:center;
    pointer-events:none;
  }

  /* ==================== صفحة البرنامج ==================== */
  .prog-page{max-width:900px;margin:0 auto;padding:40px 24px 60px;}

  .back-link{
    display:inline-block;color:var(--text-muted);font-size:14px;
    margin-bottom:20px;transition:color .2s ease;
  }
  .back-link:hover{color:var(--accent-2);}

  .prog-hero{
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:26px;
    display:grid;grid-template-columns:1fr 170px;gap:26px;align-items:start;
  }

  .prog-screenshot{
    grid-column:2;grid-row:1;
    width:170px;height:170px;
    object-fit:contain;object-position:center;
    background:var(--bg-panel-2);
    border-radius:var(--radius-lg);padding:14px;
    border:1px solid var(--border);
  }

  .prog-body{grid-column:1;grid-row:1;}

  .prog-body{min-width:0;}

  .prog-head{
    display:flex;justify-content:space-between;align-items:flex-start;
    gap:14px;margin-bottom:12px;
  }
  .prog-title{
    font-family:'Tajawal',sans-serif;font-weight:800;
    font-size:clamp(22px,3.5vw,30px);line-height:1.3;margin-bottom:10px;
  }
  .prog-cat{
    display:inline-block;font-size:12px;color:var(--accent-2);
    border:1px solid var(--border-bright);border-radius:5px;padding:4px 10px;
    transition:background .2s ease;
  }
  .prog-cat:hover{background:rgba(56,189,248,0.1);}

  .prog-desc{
    color:var(--text-muted);font-size:15px;line-height:1.75;margin-bottom:20px;
  }

  .prog-stats{
    display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);
    overflow:hidden;margin-bottom:20px;
  }
  .prog-stats div{
    flex:1;padding:14px 12px;text-align:center;
    border-inline-end:1px solid var(--border);
  }
  .prog-stats div:last-child{border-inline-end:none;}
  .prog-stats b{
    display:block;font-family:'JetBrains Mono',monospace;
    font-size:15px;color:var(--accent-2);font-weight:700;margin-bottom:4px;
  }
  .prog-stats span{font-size:11px;color:var(--text-muted);}

  .prog-download{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;padding:14px;border-radius:var(--radius);
    background:linear-gradient(135deg,var(--accent-deep),var(--accent-1));
    color:#fff;font-weight:700;font-size:15px;
    transition:filter .2s ease, transform .15s ease, box-shadow .25s ease;
  }
  .prog-download:hover{
    filter:brightness(1.15);transform:translateY(-2px);
    box-shadow:0 10px 26px -10px rgba(47,128,237,0.6);
  }

  /* ---------- أزرار المشاركة ---------- */
  .share-row{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    margin-top:20px;padding-top:18px;border-top:1px dashed var(--border);
  }
  .share-label{font-size:13px;color:var(--text-muted);}
  .share-btn{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:var(--radius-sm);
    background:var(--bg-panel-2);border:1px solid var(--border);
    color:var(--text-muted);cursor:pointer;
    transition:all .2s ease;
  }
  .share-btn:hover{
    border-color:var(--border-bright);color:var(--accent-2);
    transform:translateY(-2px);
  }
  .share-btn.copied{border-color:#4ade80;color:#4ade80;}

  /* ---------- برامج مشابهة ---------- */
  .related-section{margin-top:40px;}
  .related-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:12px;margin-top:16px;
  }
  .related-item{
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius);padding:16px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .related-item:hover{border-color:var(--border-bright);transform:translateY(-2px);}
  .related-name{font-weight:600;font-size:14px;margin-bottom:6px;}
  .related-meta{font-size:11px;color:var(--text-faint);}

  /* ==================== الأكثر تحميلاً ==================== */
  .top-section{max-width:1200px;margin:0 auto 40px;padding:0 24px;}
  .top-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;
  }
  .top-item{
    display:flex;align-items:center;gap:14px;
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius);padding:14px 16px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .top-item:hover{border-color:var(--border-bright);transform:translateY(-2px);}
  .top-rank{
    font-size:20px;font-weight:700;color:var(--accent-2);
    opacity:.5;flex-shrink:0;min-width:24px;
  }
  .top-info{min-width:0;flex:1;}
  .top-name{font-weight:600;font-size:14px;margin-bottom:3px;}
  .top-meta{font-size:11px;color:var(--text-faint);}

  /* ==================== صفحة من نحن ==================== */
  .about-hero{
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:32px;
  }
  .about-text{
    color:var(--text-muted);font-size:15px;line-height:1.8;margin-bottom:16px;
  }
  .about-features{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:14px;margin:28px 0;
  }
  .about-feature{
    background:var(--bg-panel-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:18px;
  }
  .about-feature b{
    display:block;color:var(--accent-2);font-size:15px;margin-bottom:6px;
  }
  .about-feature span{color:var(--text-muted);font-size:13px;line-height:1.6;}

  .about-contact{
    margin-top:32px;padding-top:24px;border-top:1px solid var(--border);
  }
  .about-social{display:flex;gap:12px;flex-wrap:wrap;}
  .about-social a{
    padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;
    background:var(--bg-panel-2);border:1px solid var(--border);
    color:var(--text-primary);transition:all .2s ease;
  }
  .about-social a:hover{border-color:var(--border-bright);color:var(--accent-2);}

  @media (max-width:700px){
    .prog-hero{grid-template-columns:1fr;gap:18px;}
    .prog-screenshot{
      grid-column:1;grid-row:1;
      width:140px;height:140px;margin:0 auto;
    }
    .prog-body{grid-column:1;grid-row:2;}
    .prog-head{align-items:center;text-align:center;}
    .prog-title{text-align:center;}
  }

  @media (max-width:640px){
    .prog-page{padding:28px 16px 44px;}
    .prog-hero, .about-hero{padding:20px;}
    .prog-head{flex-direction:column;gap:8px;}
    .prog-stats div{padding:12px 8px;}
    .prog-stats b{font-size:14px;}
    .prog-stats span{font-size:10px;}
    .share-row{gap:8px;}
    .share-label{width:100%;margin-bottom:2px;}
    .top-section{padding:0 16px;}
    .related-grid{grid-template-columns:1fr;}
  }

  /* ==================== بطاقات التصنيفات (الصفحة الرئيسية) ==================== */
  .register{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:14px;border:none;border-radius:0;overflow:visible;
  }

  .cat-card{
    display:flex;align-items:center;gap:16px;
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:20px;
    transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
    animation:fadeUp .5s ease backwards;
  }
  .cat-card:hover{
    border-color:var(--border-bright);transform:translateY(-3px);
    box-shadow:0 12px 30px -14px rgba(47,128,237,0.45);
  }

  .cat-card-code{
    flex-shrink:0;width:52px;height:52px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(47,128,237,0.15),rgba(56,189,248,0.08));
    border:1px solid var(--border-bright);border-radius:var(--radius);
    color:var(--accent-2);font-size:13px;font-weight:700;
  }

  .cat-card-body{flex:1;min-width:0;}
  .cat-card-name{font-weight:700;font-size:16px;margin-bottom:4px;}
  .cat-card-desc{
    color:var(--text-muted);font-size:12.5px;line-height:1.5;
    display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;
    -webkit-box-orient:vertical;overflow:hidden;
  }

  .cat-card-count{
    flex-shrink:0;text-align:center;padding-inline:12px;
    border-inline-start:1px solid var(--border);
  }
  .cat-card-count b{
    display:block;font-family:'JetBrains Mono',monospace;
    font-size:19px;color:var(--accent-2);font-weight:700;
  }
  .cat-card-count span{font-size:10px;color:var(--text-faint);}

  .cat-card-arrow{
    flex-shrink:0;color:var(--text-faint);font-size:20px;
    transition:color .2s ease, transform .2s ease;
  }
  .cat-card:hover .cat-card-arrow{color:var(--accent-2);transform:translateX(-4px);}

  /* ==================== صفحة التصنيف ==================== */
  .cat-page{max-width:1200px;margin:0 auto;padding:40px 24px 60px;}

  .cat-page-head{
    display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:26px;margin-bottom:28px;
  }
  .cat-page-head .reg-code{
    display:inline-block;font-size:12px;color:var(--accent-2);
    border:1px solid var(--border-bright);border-radius:5px;
    padding:4px 10px;margin-bottom:12px;
  }
  .cat-page-title{
    font-family:'Tajawal',sans-serif;font-weight:800;
    font-size:clamp(22px,4vw,32px);margin-bottom:8px;
  }
  .cat-page-desc{color:var(--text-muted);font-size:14px;line-height:1.6;}

  .cat-page-count{
    flex-shrink:0;text-align:center;
    background:var(--bg-panel-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:16px 22px;
  }
  .cat-page-count b{
    display:block;font-family:'JetBrains Mono',monospace;
    font-size:26px;color:var(--accent-2);font-weight:700;
  }
  .cat-page-count span{font-size:11px;color:var(--text-muted);}

  .cat-page .no-results{
    margin-top:20px;padding:24px;text-align:center;
    color:var(--text-faint);font-size:14px;
    border:1px dashed var(--border);border-radius:var(--radius);
  }

  @media (max-width:640px){
    .register{grid-template-columns:1fr;gap:10px;}
    .cat-card{padding:14px;gap:12px;}
    .cat-card-code{width:44px;height:44px;font-size:11px;}
    .cat-card-name{font-size:14px;}
    .cat-card-desc{font-size:11.5px;}
    .cat-card-count b{font-size:16px;}

    .cat-page{padding:28px 16px 44px;}
    .cat-page-head{flex-direction:column;padding:18px;gap:14px;}
    .cat-page-count{width:100%;padding:12px;}
  }

  /* ==================== بطاقة المتطلبات ==================== */
  .req-section{
    background:var(--bg-panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:24px;margin-top:24px;
  }
  .req-title{
    font-family:'Tajawal',sans-serif;font-weight:700;font-size:17px;
    margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border);
  }

  .req-grid{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;
  }
  .req-item{
    display:flex;align-items:center;gap:12px;
    background:var(--bg-panel-2);border:1px solid var(--border);
    border-radius:var(--radius);padding:14px;
  }
  .req-icon{
    flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-sm);
    display:flex;align-items:center;justify-content:center;
    background:rgba(56,189,248,0.09);border:1px solid var(--border-bright);
    color:var(--accent-2);
  }
  .req-info{min-width:0;display:flex;flex-direction:column;gap:2px;}
  .req-label{font-size:11px;color:var(--text-faint);}
  .req-value{font-size:13.5px;color:var(--text-primary);font-weight:600;}

  .req-extra{
    margin-top:14px;padding:13px 15px;border-radius:var(--radius-sm);
    background:var(--bg-panel-2);border:1px solid var(--border);
    font-size:13px;color:var(--text-muted);line-height:1.6;
  }
  .req-extra b{color:var(--text-primary);}

  /* صندوق التوافق */
  .compat-box{margin-top:14px;}
  .compat-box:empty{display:none;}
  .compat-box{
    padding:14px 16px;border-radius:var(--radius);
    display:flex;flex-direction:column;gap:4px;
  }
  .compat-box b{font-size:14px;}
  .compat-box span{font-size:12.5px;line-height:1.55;}

  .compat-ok{
    background:rgba(74,222,128,0.08);border:1px solid rgba(74,222,128,0.3);
  }
  .compat-ok b{color:#4ade80;}
  .compat-ok span{color:var(--text-muted);}

  .compat-warn{
    background:rgba(251,191,36,0.08);border:1px solid rgba(251,191,36,0.3);
  }
  .compat-warn b{color:#fbbf24;}
  .compat-warn span{color:var(--text-muted);}

  /* ==================== الشارات الذكية ==================== */
  .prog-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px;}

  .badge{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:600;padding:5px 11px;
    border-radius:var(--radius-pill);
    font-family:'IBM Plex Sans Arabic',sans-serif;
  }
  .badge::before{
    content:"";width:5px;height:5px;border-radius:50%;
    background:currentColor;
  }
  .badge-new{background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.35);}
  .badge-hot{background:rgba(251,146,60,0.15);color:#fb923c;border:1px solid rgba(251,146,60,0.35);}
  .badge-light{background:rgba(56,189,248,0.13);color:var(--accent-2);border:1px solid var(--border-bright);}
  .badge-heavy{background:rgba(167,139,250,0.13);color:#a78bfa;border:1px solid rgba(167,139,250,0.3);}

  /* ==================== توقيع المطوّر ==================== */
  .footer-credit{
    margin-top:12px;padding-top:12px;
    border-top:1px solid var(--border);
    font-size:12px;color:var(--text-faint);
  }

  @media (max-width:640px){
    .req-section{padding:18px;}
    .req-grid{grid-template-columns:1fr 1fr;gap:9px;}
    .req-item{padding:11px;gap:9px;}
    .req-icon{width:32px;height:32px;}
    .req-value{font-size:12.5px;}
    .req-label{font-size:10px;}
  }

  @media (max-width:400px){
    .req-grid{grid-template-columns:1fr;}
  }

  /* ==================== شريط التصنيفات السريع ==================== */
  .cat-strip{
    display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;
    padding-bottom:20px;border-bottom:1px solid var(--border);
  }
  .cat-chip{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 14px;border-radius:var(--radius-pill);
    background:var(--bg-panel);border:1px solid var(--border);
    color:var(--text-muted);font-size:13px;font-weight:500;
    transition:all var(--t-fast);
  }
  .cat-chip span{
    font-size:10px;color:var(--text-faint);
    padding:2px 6px;border-radius:4px;background:var(--bg-panel-2);
    transition:all var(--t-fast);
  }
  .cat-chip:hover{
    border-color:var(--border-bright);color:var(--text-primary);
    transform:translateY(-2px);
  }
  .cat-chip.active{
    background:linear-gradient(135deg,rgba(47,128,237,0.18),rgba(56,189,248,0.08));
    border-color:var(--border-bright);color:var(--accent-2);font-weight:600;
  }
  .cat-chip.active span{color:var(--accent-2);background:rgba(56,189,248,0.12);}

  /* ==================== توحيد نهائي للمكوّنات ==================== */
  .card, .cat-card, .banner-item, .req-section, .prog-hero,
  .about-hero, .cat-page-head, .related-item, .top-item{
    border-radius:var(--radius-lg);
  }
  .card-download, .prog-download{border-radius:var(--radius-sm);}
  .req-item, .stat-block, .suggestion-item{border-radius:var(--radius);}

  @media (max-width:640px){
    .cat-strip{
      flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px;
      margin-inline:-16px;padding-inline:16px;
      scrollbar-width:none;
    }
    .cat-strip::-webkit-scrollbar{display:none;}
    .cat-chip{flex-shrink:0;font-size:12px;padding:7px 12px;}
  }

  /* أيقونة نظام التشغيل في مواصفات البطاقة */
  .card-specs .spec-os{
    display:inline-flex;align-items:center;gap:5px;
    color:var(--accent-2);
  }
  .card-specs .spec-os svg{flex-shrink:0;opacity:.85;}

  .site-content{
    width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:0 34px 60px;
  }
  .site-content .index-section{max-width:none;padding:0;margin:0;}

  @media (max-width:900px){
    .site-content{padding:24px 18px 32px;}
    .hero{padding:44px 0 36px;}
  }

  @media (max-width:640px){
    .site-content{padding:0 16px 28px;}
    .hero{padding:36px 0 30px;}
  }

  /* ==================== قسم "الأكثر طلبًا" — هوية بصرية مميزة ==================== */
  .site-content .top-section{
    position:relative;
    max-width:none;width:100%;
    margin:36px 0 0;padding:26px;
    background:linear-gradient(135deg, rgba(47,128,237,0.07), rgba(56,189,248,0.03));
    border:1px solid var(--border-bright);
    border-radius:var(--radius-lg);
    overflow:hidden;
  }
  .site-content .top-section::before{
    content:"";position:absolute;top:-70px;inset-inline-end:-70px;
    width:220px;height:220px;border-radius:50%;
    background:radial-gradient(circle, rgba(56,189,248,0.14), transparent 70%);
    filter:blur(50px);pointer-events:none;
  }
  .site-content .top-section .section-eyebrow,
  .site-content .top-section .section-title{position:relative;z-index:1;}
  .site-content .top-section .top-grid{position:relative;z-index:1;}

  .site-content .top-section .top-item{
    background:rgba(13,20,32,0.75);backdrop-filter:blur(6px);
  }

  /* ==================== ظهور تدريجي عند التمرير ==================== */
  .reveal{
    opacity:0;transform:translateY(24px);
    transition:opacity .6s ease, transform .6s cubic-bezier(.16,1,.3,1);
  }
  .reveal.visible{opacity:1;transform:translateY(0);}

  /* تدرّج زمني للعناصر داخل الشبكات */
  .reveal-stagger > *{
    opacity:0;transform:translateY(18px);
    transition:opacity .5s ease, transform .5s cubic-bezier(.16,1,.3,1);
  }
  .reveal-stagger.visible > *{opacity:1;transform:translateY(0);}
  .reveal-stagger.visible > *:nth-child(1){transition-delay:.04s}
  .reveal-stagger.visible > *:nth-child(2){transition-delay:.09s}
  .reveal-stagger.visible > *:nth-child(3){transition-delay:.14s}
  .reveal-stagger.visible > *:nth-child(4){transition-delay:.19s}
  .reveal-stagger.visible > *:nth-child(5){transition-delay:.24s}
  .reveal-stagger.visible > *:nth-child(6){transition-delay:.29s}
  .reveal-stagger.visible > *:nth-child(n+7){transition-delay:.34s}

  /* احترام تفضيل تقليل الحركة */
  @media (prefers-reduced-motion:reduce){
    .reveal, .reveal-stagger > *{opacity:1 !important;transform:none !important;}
    .hero::before, .hero::after{animation:none !important;}
  }

  /* ==================== لمسات أخيرة ==================== */

  /* شريط تمرير أنيق */
  ::-webkit-scrollbar{width:10px;height:10px;}
  ::-webkit-scrollbar-track{background:var(--bg-panel-2);}
  ::-webkit-scrollbar-thumb{
    background:rgba(124,147,173,0.25);border-radius:5px;
    border:2px solid var(--bg-panel-2);
  }
  ::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,0.4);}

  /* حلقة تركيز واضحة لمستخدمي لوحة المفاتيح */
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible{
    outline:2px solid var(--accent-2);outline-offset:2px;
  }

  /* الترويسة تكتسب ظلًا عند التمرير */
  header{transition:box-shadow var(--t), background var(--t);}
  header.scrolled{
    box-shadow:0 4px 24px -8px rgba(0,0,0,0.5);
    background:rgba(10,15,28,0.92);
  }

  /* عنوان القسم بخط جانبي مميّز */
  .section-title{position:relative;padding-inline-start:14px;}
  .section-title::before{
    content:"";position:absolute;inset-inline-start:0;top:50%;
    transform:translateY(-50%);
    width:3px;height:22px;border-radius:2px;
    background:linear-gradient(180deg,var(--accent-2),var(--accent-deep));
  }