* { margin:0; padding:0; box-sizing:border-box; }

    html, body { height:100%; display:flex; flex-direction:column; }
    body{
      font-family:'Tajawal','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;
      background: linear-gradient(135deg, #111 0%, #000 100%);
      background-attachment: fixed;
      color:#fff;
      overflow-x:hidden;
    }
    main{ flex:1; }

    html{ scroll-behavior:smooth; }
    ::-webkit-scrollbar{ width:8px; }
    ::-webkit-scrollbar-track{ background:#111; }
    ::-webkit-scrollbar-thumb{ background:#666; border-radius:4px; }
    ::-webkit-scrollbar-thumb:hover{ background:#999; }


    @media (max-width: 991.98px){
      .nav-wrap{ width:100%; flex-direction:column; align-items:center; gap:.75rem; padding:.5rem 0; }
      .navbar-nav{ flex-direction:column; align-items:center; gap:.25rem; }
      .navbar .nav-link{ padding:.6rem .25rem; }
    }

    /* أزرار عامة */
    .btn-primary{
      background:#fff; color:#000; border:none; border-radius:.5rem;
      padding:.6rem 1.2rem; font-weight:700; transition:.25s;
    }
    .btn-primary:hover{ background:#ccc; transform:translateY(-1px); }
    .btn-outline-light{ border:2px solid #fff; color:#fff; border-radius:.6rem; }
    .btn-outline-light:hover{ background:#fff; color:#000; }

    /* أقسام */
    .section{ padding:5rem 0; }
    .section-title{ font-size:3rem; font-weight:800; text-align:center; margin-bottom:.75rem; }
    .section-subtitle{ font-size:1.05rem; color:#d1d5db; text-align:center; margin-bottom:2rem; }
    .text-primary{ color:#fff !important; }

    a{ color:#d1d5db; }

    /* بطاقات زجاجية */
    .glass-card{
      background: rgba(20,20,20,.6);
      backdrop-filter: blur(12px);
      border:1px solid rgba(255,255,255,.2);
      border-radius:1rem;
      padding:1.5rem;
      transition:.4s; height:100%;
    }
    .glass-card:hover{
      border-color:rgba(255,255,255,.4);
      transform: translateY(-4px);
      box-shadow:0 18px 36px rgba(255,255,255,.12);
    }

    /* عناصر المدونة */
    .blog-intro{ max-width:900px; margin:0 auto 1.25rem; color:#e5e7eb; }
    .post-title{ font-size:1.25rem; font-weight:800; margin:0; color:#fff; }
    .post-link{ color:inherit; text-decoration:none; }
    .post-link:hover{ color:#ccc; text-decoration:none; }

    /* حركات */
    @keyframes fadeInUp{ from{opacity:0; transform:translateY(30px);} to{opacity:1; transform:translateY(0);} }
    .animate-on-scroll{ opacity:0; transform:translateY(30px); transition:.8s; }
    .animate-on-scroll.animated{ opacity:1; transform:translateY(0); }


    /* RTL helpers للأيقونات spacing */
    [dir="rtl"] .me-2{ margin-left:.5rem !important; margin-right:0 !important; }
    [dir="rtl"] .ms-2{ margin-right:.5rem !important; margin-left:0 !important; }