:root{
/* نفس لوحة ألوان صفحة الدخول لثيم موحّد */
--brand: #6C5CE7;      /* بنفسجي فاخر */
--accent:#00E5A8;      /* تركواز نيون */
--ink: #0f172a;        /* نص داكن */
--muted:#64748b;       /* نص ثانوي */
--bg: #f5f7fb;         /* خلفية ناعمة */
--card:#ffffff;        /* كارت أبيض */
--ring: rgba(108,92,231,.25);
--border: #e9eef5;
}
*{box-sizing:border-box}
body{
font-family:'Tajawal', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
background:
radial-gradient(1200px 600px at 120% -10%, rgba(108,92,231,.12), transparent 60%),
radial-gradient(800px 500px at -10% 110%, rgba(0,229,168,.12), transparent 60%),
var(--bg);
min-height:100vh;
display:flex; flex-direction:column;
color:var(--ink);
}

/* Navbar نفس شكل صفحة الدخول */
.navbar{
backdrop-filter:saturate(140%) blur(10px);
background:rgba(255,255,255,.6)!important;
border-bottom:1px solid var(--border);
}
.navbar-brand{
font-weight:800; display:flex; align-items:center; gap:.5rem;
background: linear-gradient(45deg, var(--brand), var(--accent));
-webkit-background-clip:text; background-clip:text; color:transparent;
}
.nav-link{ font-weight:700 }
.nav-link.active{
background: linear-gradient(45deg, var(--brand), var(--accent));
-webkit-background-clip:text; background-clip:text; color:transparent !important;
}

/* العنوان */
.section-title{
text-align:center; margin:30px 0 24px; font-weight:800; font-size:2rem;
background: linear-gradient(45deg, var(--brand), var(--accent));
-webkit-background-clip:text; background-clip:text; color:transparent;
}

/* بطاقات البرامج (ستايل فاتح موحّد) */
.card-soft{
background:var(--card);
border:1px solid var(--border);
border-radius:20px;
padding:24px;
box-shadow: 0 12px 32px rgba(31,41,55,.06);
transition: transform .12s ease, box-shadow .2s ease;
position:relative; overflow:hidden;
}
.card-soft:hover{ transform: translateY(-3px); box-shadow:0 16px 42px rgba(31,41,55,.09); }

.category-badge{
position:absolute; top:16px; left:16px; z-index:2;
background: linear-gradient(90deg, var(--brand), var(--accent));
color:#fff; padding:6px 16px; border-radius:999px; font-weight:800; font-size:.85rem;
box-shadow: 0 6px 16px rgba(108,92,231,.25);
}

.avatar{
width:70px; height:70px; border-radius:16px; margin-left:16px; display:flex; align-items:center; justify-content:center;
background: linear-gradient(90deg, var(--brand), var(--accent)); color:#fff; font-size:1.8rem;
box-shadow: 0 8px 22px rgba(108,92,231,.25);
}

.software-info{
display:flex; gap:10px; flex-wrap:wrap; margin-top:12px;
}
.info-item{
display:flex; align-items:center; gap:6px; padding:6px 12px; border-radius:12px;
background:#f3f6fb; border:1px solid var(--border); color:#0f172a;
}

/* زر موحّد */
.btn-brand{
background: linear-gradient(90deg, var(--brand), var(--accent));
border:0; border-radius:14px; padding:10px 20px; font-weight:800;
box-shadow: 0 12px 30px rgba(108,92,231,.25); color:#fff;
}
.btn-brand:hover{ transform: translateY(-1px); box-shadow: 0 16px 36px rgba(108,92,231,.32); }

.success-message{ display:none; margin-top:10px; font-weight:800; color:var(--brand); }

/* بطاقات عامة */
.fade-in{ opacity:0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease; }
.fade-in.visible{ opacity:1; transform: translateY(0); }

/* Footer */
footer{
border-top:1px solid var(--border);
background:#ffffffc8; backdrop-filter: blur(6px);
margin-top:40px; padding:22px 0;
}
.social-links a{
width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center;
background:#f3f6fb; color:var(--ink); margin:0 6px; border:1px solid var(--border);
transition:all .2s ease;
}
.social-links a:hover{ transform:translateY(-2px); background:linear-gradient(90deg,var(--brand),var(--accent)); color:#fff; border-color:transparent; }

@media (max-width: 768px){
.card-soft{ padding:18px }
}