/* ===== صفحة «لماذا الشهادة الاحترافية؟» (#value) ===== */
.qv{--nv:#071a3d;--pt:#0e6487;--gd:#d6a91f;--gl:#ffd76a;font-family:Cairo,sans-serif}
.qv-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 140% at 85% 0%,#12509a 0%,#0a2a5c 38%,#061634 78%)}
.qv-aur i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:qvAur 14s ease-in-out infinite alternate}
.qv-aur i:nth-child(1){width:420px;height:420px;background:#19a7d8;top:-140px;right:-80px}
.qv-aur i:nth-child(2){width:360px;height:360px;background:#d6a91f;bottom:-180px;left:18%;opacity:.32;animation-delay:-5s}
.qv-aur i:nth-child(3){width:300px;height:300px;background:#7c3aed;top:10%;left:-90px;opacity:.3;animation-delay:-9s}
@keyframes qvAur{to{transform:translate(40px,30px) scale(1.18)}}
.qv-grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%)}
.qv-hw{position:relative;z-index:2;max-width:1320px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center;padding-block:44px 86px}
.qv-hero .crumb{font-size:13.5px;color:#c9dcec;margin-bottom:10px}.qv-hero .crumb a{color:#fff}
.qv-kick{display:inline-flex;align-items:center;gap:9px;padding:5px 16px;border-radius:999px;border:1px solid #ffd76a80;background:#ffd76a1f;color:var(--gl);font-weight:800;font-size:14px}
.qv-kick i{width:9px;height:9px;border-radius:50%;background:var(--gl);box-shadow:0 0 0 0 #ffd76a99;animation:qvDot 1.8s ease-out infinite}
@keyframes qvDot{70%,100%{box-shadow:0 0 0 10px #ffd76a00}}
.qv-hero h1{margin:14px 0 12px;font-weight:900;font-size:clamp(28px,3.9vw,50px);line-height:1.35;text-wrap:balance}
.qv-gold{display:inline-block;background:linear-gradient(100deg,#d6a91f 0%,#d6a91f 35%,#fff3c4 50%,#d6a91f 65%,#d6a91f 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:qvShine 5s linear infinite}
@keyframes qvShine{from{background-position:120% 0}to{background-position:-130% 0}}
.qv-hero p{margin:0;max-width:62ch;color:#d9e6f2;font-size:16.5px;line-height:1.95}
.qv-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.qv-jump a{padding:7px 15px;border-radius:999px;background:#ffffff14;border:1px solid #ffffff33;color:#fff;font-weight:800;font-size:14px;text-decoration:none;transition:transform .18s,background .18s,color .18s,border-color .18s}
.qv-jump a:hover{background:linear-gradient(135deg,#ffe38a,#f0bd2e);color:#0b2340;border-color:transparent;transform:translateY(-3px)}
.qv-ht>*{animation:qvUp .8s cubic-bezier(.2,.7,.2,1) both}.qv-ht>*:nth-child(2){animation-delay:.08s}.qv-ht>*:nth-child(3){animation-delay:.16s}.qv-ht>*:nth-child(4){animation-delay:.24s}.qv-ht>*:nth-child(5){animation-delay:.32s}
@keyframes qvUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
/* المجسّم المتحرك */
.qv-orb{position:relative;height:340px}
.qv-core{position:absolute;inset:50% auto auto 50%;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#1b5fb0,#0a2a5c 70%);box-shadow:0 0 0 10px #ffffff0f,0 0 60px #19a7d870,inset 0 0 30px #0008;animation:qvFloat 5s ease-in-out infinite}
.qv-core svg{width:112px;height:112px;filter:drop-shadow(0 4px 10px #0006)}
.qv-r{position:absolute;inset:50% auto auto 50%;border-radius:50%;border:1.5px dashed #ffd76a66;animation:qvSpin 40s linear infinite}
.qv-r.r1{width:260px;height:260px;margin:-130px 0 0 -130px}
.qv-r.r2{width:340px;height:340px;margin:-170px 0 0 -170px;border:1px solid #7fd4ff3d;animation-duration:70s;animation-direction:reverse}
.qv-r::after{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;border-radius:50%;background:var(--gl);box-shadow:0 0 14px var(--gl)}
@keyframes qvSpin{to{transform:rotate(360deg)}}
@keyframes qvFloat{50%{transform:translateY(-10px)}}
.qv-fl{position:absolute;display:grid;gap:1px;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,#ffffff29,#ffffff0f);border:1px solid #ffffff47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 30px #0006;animation:qvFloat 6s ease-in-out infinite;max-width:190px}
.qv-fl b{font-size:26px;font-weight:900;color:var(--gl);line-height:1.2}.qv-fl span{font-size:12px;font-weight:700;color:#e6eef6;line-height:1.5}
.qv-fl.f1{top:4%;right:2%;animation-delay:-1s}.qv-fl.f2{bottom:6%;right:8%;animation-delay:-3s}.qv-fl.f3{top:34%;left:0;animation-delay:-4.5s}
.qv-wave{position:absolute;inset:auto 0 -1px 0;width:100%;height:60px;display:block}.qv-wave path{fill:#f4f8fb}
/* الأقسام */
.qv-body{background:#f4f8fb}
.qv-sec{position:relative;padding-block:54px}
.qv-sec .wrap{max-width:1240px}
.qv-sh{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}
.qv-ic{flex:none;width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:28px;color:#fff;background:linear-gradient(135deg,var(--a,#0e6487),var(--b,#19a7d8));box-shadow:0 12px 24px color-mix(in srgb,var(--a,#0e6487) 35%,transparent)}
.qv-tag{display:inline-block;padding:2px 12px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--a,#0e6487);background:color-mix(in srgb,var(--a,#0e6487) 12%,#fff);margin-bottom:6px}
.qv-tag.gold{color:#7a5a00;background:#fff3c4}
.qv-sh h2,.qv-empt h2,.qv-why h2{margin:0 0 6px;font-weight:900;font-size:clamp(21px,2.6vw,30px);line-height:1.45;color:#0b2340;text-wrap:balance}
.qv-sh h2 span,.qv-empt h2 span,.qv-why h2 span{color:var(--a,#0e6487)}
.qv-sh p{margin:0;color:#4b6170;font-size:15.5px;line-height:1.9;max-width:80ch}
/* الظهور */
.qv-sec .qv-sh,.qv-sec .qv-c,.qv-sec .qv-chk li,.qv-sec .qv-big,.qv-sec .qv-empt,.qv-sec .qv-why li,.qv-sec .qv-cta{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms + 80ms)}
.qv-sec.in .qv-sh,.qv-sec.in .qv-c,.qv-sec.in .qv-chk li,.qv-sec.in .qv-big,.qv-sec.in .qv-empt,.qv-sec.in .qv-why li,.qv-sec.in .qv-cta{opacity:1;transform:none}
/* كيف تميّزها */
.qv-diff{--a:#0e6487;--b:#19a7d8}
.qv-chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:x}
.qv-chk li{position:relative;background:#fff;border:1px solid #dbe8f0;border-radius:22px;padding:44px 16px 18px;text-align:center;box-shadow:0 8px 22px #0b234012;overflow:hidden}
.qv-chk li::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.qv-chk li:nth-child(1){--c1:#0e6487;--c2:#19a7d8}.qv-chk li:nth-child(2){--c1:#7c3aed;--c2:#b794f6}.qv-chk li:nth-child(3){--c1:#d6a91f;--c2:#ffd76a}.qv-chk li:nth-child(4){--c1:#0a8a5a;--c2:#34d399}.qv-chk li:nth-child(5){--c1:#e11d48;--c2:#fb7185}
.qv-chk .no{position:absolute;top:14px;inset-inline-start:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.qv-chk .em{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;font-size:30px;background:color-mix(in srgb,var(--c1) 12%,#fff);transition:transform .3s}
.qv-chk b{display:block;font-size:16.5px;font-weight:900;color:#0b2340;margin-bottom:6px}
.qv-chk p{margin:0;font-size:13.5px;line-height:1.85;color:#4b6170}
.qv-chk li:hover{transform:translateY(-8px)!important;box-shadow:0 20px 40px color-mix(in srgb,var(--c1) 28%,transparent);border-color:var(--c1);transition-delay:0s}
.qv-chk li:hover .em{transform:scale(1.14) rotate(-8deg)}
/* بطاقات الأرقام */
.qv-c{margin:0;background:#fff;border:1px solid #dbe8f0;border-radius:22px;padding:20px;box-shadow:0 8px 22px #0b234010;position:relative;overflow:hidden}
.qv-c:hover{transform:translateY(-6px)!important;box-shadow:0 20px 38px color-mix(in srgb,var(--a) 22%,transparent);border-color:color-mix(in srgb,var(--a) 55%,#fff);transition-delay:0s}
.qv-l{display:block;font-weight:800;font-size:15px;line-height:1.7;color:#0b2340}
.qv-src{display:block;margin-top:10px;font-size:11.5px;color:#7a8c98;line-height:1.6}.qv-src a{color:inherit}
.qv-n{font-weight:900;font-variant-numeric:tabular-nums;color:var(--a)}
.qv-track{height:14px;border-radius:999px;background:#e6eef4;overflow:hidden}
.qv-track i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--a),var(--b));transition:width 1.5s cubic-bezier(.2,.7,.2,1) .35s;position:relative}
.qv-track i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff80 50%,transparent 70%);animation:qvBar 2.6s ease-in-out infinite}
@keyframes qvBar{from{transform:translateX(120%)}to{transform:translateX(-120%)}}
.qv-sec.in .qv-track i{width:var(--w)}
/* الطالب */
.qv-student{--a:#0e6487;--b:#19a7d8;background:linear-gradient(180deg,#eaf5fb,#f4f8fb)}
.qv-rows3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.qv-cmp{padding-top:22px}
.qv-cmi{position:absolute;top:14px;inset-inline-end:16px;font-size:26px;opacity:.9}
.qv-cmp .qv-l{font-size:17px;font-weight:900;margin-bottom:14px;padding-inline-end:40px}
.qv-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;margin-top:10px}
.qv-row>span{grid-column:1/-1;font-size:13px;font-weight:700;color:#4b6170}
.qv-row .qv-n{font-size:22px;min-width:64px;text-align:end}
.qv-row.b .qv-track i{background:linear-gradient(90deg,#9aa9b5,#c4d0d9)}.qv-row.b .qv-n{color:#7a8c98}
.qv-row.a .qv-track i{background:linear-gradient(90deg,#d6a91f,#ffd76a)}.qv-row.a .qv-n{color:#b8860b}
.qv-legend{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:700;color:#4b6170}
.qv-legend i{width:26px;height:10px;border-radius:999px;background:linear-gradient(90deg,#d6a91f,#ffd76a)}.qv-legend i.b{background:#b3c0ca;margin-inline-start:14px}
/* الموظف */
.qv-employee{--a:#7c3aed;--b:#b794f6;background:linear-gradient(120deg,#1e1147,#3b1d8a 55%,#5b2bc4);color:#fff;overflow:hidden}
.qv-employee::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(#b794f655,transparent 65%);top:-200px;left:-120px;animation:qvAur 12s ease-in-out infinite alternate}
.qv-emp{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:center}
.qv-rw{position:relative;width:100%;max-width:150px;margin:0 auto 12px}
.qv-rw svg{display:block;width:100%;transform:rotate(-90deg)}
.qv-rw circle{fill:none;stroke-width:9;stroke-linecap:round}.qv-rw .tr{stroke:#e6eef4}
.qv-rw .fg{stroke:var(--a);stroke-dasharray:var(--c);stroke-dashoffset:var(--c);transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .3s}
.qv-sec.in .qv-rw .fg{stroke-dashoffset:var(--o)}
.qv-rv{position:absolute;inset:0;display:grid;place-items:center}.qv-rv .qv-n{font-size:30px}
.qv-big .qv-rw{max-width:270px;margin:0;filter:drop-shadow(0 0 30px #b794f680)}
.qv-big .qv-rw .tr{stroke:#ffffff24}.qv-big .qv-rw .fg{stroke:#ffd76a}.qv-big .qv-rv .qv-n{font-size:64px;color:#ffd76a}
.qv-employee .qv-tag{background:#ffffff26;color:#ffd76a}
.qv-empt h2{color:#fff;font-size:clamp(23px,3vw,36px)}.qv-empt h2 span{color:#ffd76a}
.qv-empt p{margin:0 0 14px;font-size:17px;line-height:2;color:#e7defa;max-width:60ch}
.qv-empt .qv-quote{display:inline-block;padding:12px 18px;border-radius:16px;background:#ffffff1a;border:1px solid #ffffff38;border-inline-start:5px solid #ffd76a;font-weight:800;color:#fff}
.qv-quote b{color:#ffd76a;font-size:22px;font-weight:900}
.qv-employee .qv-src{color:#cdbff0}
/* المملكة */
.qv-saudi{--a:#0a8a5a;--b:#34d399;background:linear-gradient(180deg,#f4f8fb,#e9f7ef)}
.qv-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.qv-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qv-ring{text-align:center;padding:18px 14px}
.qv-ring .qv-l{font-size:13.5px;font-weight:700;color:#294454}
.qv-sub3{margin:30px 0 14px;font-weight:900;font-size:19px;color:#0b2340}
.qv-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qv-bar{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;--a:#e8590c;--b:#ffa94d}
.qv-bar .qv-l,.qv-bar .qv-src{grid-column:1/-1}.qv-bar .qv-n{font-size:24px}.qv-bar .qv-src{margin-top:0}
/* عالمياً */
.qv-global{--a:#ffd76a;--b:#d6a91f;background:radial-gradient(120% 140% at 15% 0%,#12509a 0%,#0a2a5c 40%,#061634 80%);color:#fff;overflow:hidden}
.qv-stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1.2px,transparent 1.4px),radial-gradient(#ffd76a 1.2px,transparent 1.4px);background-size:90px 90px,140px 140px;background-position:0 0,40px 60px;opacity:.28;animation:qvStars 5s ease-in-out infinite alternate}
@keyframes qvStars{to{opacity:.5}}
.qv-global .wrap{position:relative}
.qv-global .qv-ic{background:linear-gradient(135deg,#ffe38a,#d6a91f);color:#0b2340}.qv-global .qv-tag{background:#ffffff24;color:#ffd76a}
.qv-global .qv-sh h2{color:#fff}.qv-global .qv-sh h2 span{color:#ffd76a}.qv-global .qv-sh p{color:#d9e6f2}
.qv-cnt{text-align:center;padding:26px 20px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 34px #0005}
.qv-cti{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 6px;border-radius:50%;font-size:28px;background:#ffffff1f;border:1px solid #ffffff40;animation:qvFloat 4.5s ease-in-out infinite}
.qv-cnt .qv-n{display:block;font-size:clamp(40px,5vw,62px);line-height:1.25;color:#ffd76a;text-shadow:0 0 26px #ffd76a66}
.qv-cnt .qv-l{color:#fff;font-size:16px}.qv-cnt .qv-src{color:#b9cbe0}
.qv-cnt:hover{border-color:#ffd76a}
/* لماذا قيمة */
.qv-whyw{--a:#0e6487;padding-bottom:64px}
.qv-why{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;background:#fff;border:1px solid #dbe8f0;border-radius:28px;padding:30px;box-shadow:0 18px 44px #0b234014;position:relative;overflow:hidden}
.qv-why::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#0e6487,#19a7d8,#d6a91f)}
.qv-why ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.qv-why li{position:relative;padding:10px 46px 10px 14px;border-radius:14px;background:#f4f9fc;border:1px solid #e1edf4;font-size:15px;font-weight:700;line-height:1.8;color:#1b3a4b}
.qv-why li::before{content:"✓";position:absolute;right:12px;top:11px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;color:#0b2340;background:linear-gradient(135deg,#ffe38a,#f0bd2e)}
.qv-cta{display:grid;align-content:center;justify-items:center;gap:12px;text-align:center;border-radius:22px;padding:26px 20px;color:#fff;background:linear-gradient(145deg,#0a2a5c,#0e6487 60%,#19a7d8)}
.qv-cta-ic{font-size:44px;animation:qvFloat 3.4s ease-in-out infinite}
.qv-cta>b{font-size:20px;font-weight:900}
.qv-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;text-decoration:none;font-weight:900;font-size:15px;color:#0b2340;background:linear-gradient(135deg,#ffe38a,#f0bd2e);box-shadow:0 10px 24px #0005;transition:transform .18s}
.qv-btn.ghost{background:#ffffff1f;color:#fff;border:1.5px solid #ffffff73;box-shadow:none}
.qv-btn i{font-style:normal;transition:transform .18s}.qv-btn:hover{transform:translateY(-3px)}.qv-btn:hover i{transform:translateX(-4px)}
.qv-refs{margin-top:22px;font-size:13px;color:#5d7281}.qv-refs h3{margin:0 0 6px;font-size:15px;font-weight:900;color:#0b2340}.qv-refs ol{margin:0;padding-inline-start:20px;line-height:2}.qv-refs a{color:#0e6487}
@media (max-width:1100px){.qv-chk{grid-template-columns:repeat(3,minmax(0,1fr))}.qv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .qv-hw{grid-template-columns:1fr;padding-block:30px 70px}.qv-orb{height:300px;max-width:420px;width:100%;margin:0 auto}
  .qv-rows3,.qv-rows,.qv-grid.g3{grid-template-columns:1fr}.qv-emp{grid-template-columns:1fr;gap:20px;justify-items:center;text-align:center}.qv-big .qv-rw{max-width:210px}.qv-big .qv-rv .qv-n{font-size:50px}
  .qv-why{grid-template-columns:1fr;padding:22px 16px}.qv-sec{padding-block:38px}
}
@media (max-width:600px){.qv-chk{grid-template-columns:1fr 1fr}.qv-chk li:last-child{grid-column:1/-1}.qv-grid{grid-template-columns:1fr 1fr}.qv-sh{flex-direction:column;gap:10px}.qv-ic{width:50px;height:50px;font-size:24px;border-radius:16px}.qv-fl b{font-size:20px}.qv-fl{max-width:150px;padding:8px 10px}.qv-r.r2{width:290px;height:290px;margin:-145px 0 0 -145px}}
@media (prefers-reduced-motion:reduce){.qv *,.qv *::before,.qv *::after{animation:none!important;transition:none!important}.qv-sec .qv-sh,.qv-sec .qv-c,.qv-sec .qv-chk li,.qv-sec .qv-big,.qv-sec .qv-empt,.qv-sec .qv-why li,.qv-sec .qv-cta{opacity:1;transform:none}.qv-track i{width:var(--w)}.qv-rw .fg{stroke-dashoffset:var(--o)}}

/* ===== أقسام الصفحة الرئيسية (v1.0.8): ألوان وخلفيات وحركة ===== */
#view-home .sec-head .kick{position:relative;padding:5px 16px 5px 14px;font-size:13.5px;color:#0b5f81;background:linear-gradient(135deg,#e3f3fa,#fff6d6);box-shadow:inset 0 0 0 1px #0b6b9026}
#view-home .sec-head .kick::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#e0b224,#f2c94c);box-shadow:0 0 0 0 #e0b22480;animation:qxDot 2s ease-out infinite}
@keyframes qxDot{70%,100%{box-shadow:0 0 0 8px #e0b22400}}
#view-home .sec-head h2{font-size:clamp(23px,3.1vw,35px)}
#view-home .sec-head h2 .gold{background:linear-gradient(100deg,#b8860b,#e0b224 45%,#f2c94c 55%,#b8860b);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:qvShine 6s linear infinite}
#view-home .sec-head.center h2::after{content:"";display:block;width:84px;height:5px;border-radius:5px;margin:12px auto 0;background:linear-gradient(90deg,#0b6b90,#19a7d8 45%,#e0b224);background-size:200% 100%;animation:hdLine 5s linear infinite}
/* الظهور عند التمرير */
.qx-js .qx-rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.qx-js .qx-rv.in{opacity:1;transform:none}
/* رحلة المستفيد */
#view-home .journey{position:relative;margin-top:0;padding-block:46px 50px;--bg:#eaf5fb;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
#view-home .jr-st{border:0;border-radius:24px;padding:26px 18px 18px;background:linear-gradient(180deg,#fff 55%,color-mix(in srgb,var(--c) 7%,#fff));box-shadow:0 14px 34px color-mix(in srgb,var(--c) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,#fff);overflow:visible}
#view-home .jr-st::before{content:"";position:absolute;inset:0 0 auto 0;height:7px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff))}
#view-home .jr-st:hover{transform:translateY(-8px);box-shadow:0 26px 50px color-mix(in srgb,var(--c) 30%,transparent),inset 0 0 0 1.5px var(--c)}
#view-home .jr-n{top:-20px;width:44px;height:44px;font-size:19px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 65%,#000));box-shadow:0 0 0 5px var(--bg,#eaf5fb),0 10px 18px color-mix(in srgb,var(--c) 45%,transparent)}
#view-home .jr-ic{width:58px;height:58px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff));box-shadow:0 10px 20px color-mix(in srgb,var(--c) 35%,transparent);transition:transform .3s}
#view-home .jr-st.s4 .jr-ic{color:#2e2300}
#view-home .jr-st:hover .jr-ic{transform:rotate(-8deg) scale(1.08)}
#view-home .jr-st>b{font-size:19px}
/* لماذا قيمة */
#view-home .feats{position:relative;padding-block:54px 50px;--bg:#fff;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
#view-home .feat-grid{gap:20px}
#view-home .feat{--c:#0b6b90;--c2:#19a7d8;border:0;border-radius:26px;padding:28px 24px 26px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 9%,#fff),#fff 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,#fff),0 10px 26px color-mix(in srgb,var(--c) 12%,transparent);transition:transform .25s,box-shadow .25s}
#view-home .feat:nth-child(2){--c:#c99a12;--c2:#f2c94c}#view-home .feat:nth-child(3){--c:#0e7a45;--c2:#18a558}
#view-home .feat::before{height:6px;background:linear-gradient(90deg,var(--c),var(--c2))}
#view-home .feat::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-70px;bottom:-90px;background:radial-gradient(circle,color-mix(in srgb,var(--c2) 26%,transparent),transparent 70%);transition:transform .5s}
#view-home .feat:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 1.5px var(--c),0 24px 46px color-mix(in srgb,var(--c) 26%,transparent)}
#view-home .feat:hover::after{transform:scale(1.5)}
#view-home .feat .fi{width:64px;height:64px;border-radius:20px;transition:transform .3s}
#view-home .feat:hover .fi{transform:rotate(-8deg) scale(1.1)}
#view-home .feat h3{font-size:20px;color:#0b2340}
#view-home .feat p{position:relative;z-index:1;font-size:15px;color:#48606e}
/* الجهات المانحة */
#view-home .partners{position:relative;overflow:hidden;padding-block:50px 54px;color:#fff;background:radial-gradient(110% 150% at 85% 0%,#12509a 0%,#0a2a5c 42%,#061634 82%)}
#view-home .partners::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1.2px,transparent 1.4px),radial-gradient(#ffd76a 1.2px,transparent 1.4px);background-size:90px 90px,150px 150px;background-position:0 0,50px 70px;opacity:.22;animation:qvStars 5s ease-in-out infinite alternate}
#view-home .partners::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(#19a7d855,transparent 65%);top:-260px;left:-120px;animation:qvAur 13s ease-in-out infinite alternate;pointer-events:none}
#view-home .partners>*{position:relative;z-index:1}
#view-home .partners .sec-head h2{color:#fff}
#view-home .partners .sec-head h2 .gold{background:linear-gradient(100deg,#d6a91f,#ffe9a3 50%,#d6a91f);background-size:220% 100%;-webkit-background-clip:text;background-clip:text}
#view-home .partners .sec-head .kick{color:#ffd76a;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffd76a66}
#view-home .partners .lg-item{border:0;border-radius:20px;box-shadow:0 10px 26px #0006;transition:transform .25s,box-shadow .25s}
#view-home .partners .lg-item img{filter:none}
#view-home .partners .lg-item:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 0 3px #ffd76a,0 18px 36px #0008}
#view-home .partners .lg-nav{background:linear-gradient(135deg,#ffe38a,#e0b224);color:#0b2340;box-shadow:0 8px 18px #0006}
#view-home .partners .lg-nav:hover{background:#fff;color:#0b6b90}
#view-home .partners .marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
/* الأخبار */
#view-home .hnews{position:relative;padding-block:54px 54px;--bg:#f1f7fb;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
#view-home .hn{position:relative;border:0;border-radius:22px;box-shadow:0 10px 26px #0b234014,inset 0 0 0 1px #dbe8f0;transition:transform .25s,box-shadow .25s}
#view-home .hn:hover{transform:translateY(-7px);box-shadow:0 24px 46px #0b234026,inset 0 0 0 2px #e0b224}
#view-home .hn .im{position:relative}
#view-home .hn .im::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061634a6,transparent 55%);opacity:0;transition:opacity .3s}
#view-home .hn:hover .im::after{opacity:1}
#view-home .hn:hover .im img{transform:scale(1.08)}
#view-home .hn h3{font-size:16.5px;color:#0b2340;transition:color .2s}
#view-home .hn:hover h3{color:#0b6b90}
#view-home .hn .rm{align-self:flex-start;margin-top:4px;padding:4px 14px;border-radius:999px;background:#e6f3f8;color:#0b6b90;transition:background .2s,color .2s}
#view-home .hn:hover .rm{background:linear-gradient(135deg,#0b6b90,#19a7d8);color:#fff}
/* أثر قيمة يحدث الآن */
#view-home section.testi{position:relative;overflow:hidden;padding-block:54px;background:linear-gradient(140deg,#061634,#0a2a5c 45%,#0b5f81)}
#view-home section.testi::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(#e0b22438,transparent 65%);bottom:-300px;right:-140px;animation:qvAur 12s ease-in-out infinite alternate;pointer-events:none}
#view-home section.testi::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);pointer-events:none}
#view-home section.testi>.wrap{position:relative;z-index:1}
#view-home section.testi .sec-head h2{color:#fff}
#view-home section.testi .sec-head h2 .gold,#view-home section.testi .sec-head h2 span{background:linear-gradient(100deg,#d6a91f,#ffe9a3 50%,#d6a91f);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
#view-home section.testi .sec-head .kick{color:#fff;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff47}
#view-home section.testi .qh-sub{color:#cfdfee}
#view-home section.testi .qh-card{border:0;box-shadow:0 24px 50px #0008}
#view-home section.testi .qh-chip:not(.on){background:#ffffff1a;color:#fff;border-color:#ffffff40}
@media (max-width:980px){#view-home .journey,#view-home .feats,#view-home .hnews{padding-block:36px}#view-home .partners,#view-home section.testi{padding-block:38px}}
@media (prefers-reduced-motion:reduce){#view-home .sec-head .kick::before,#view-home .sec-head h2 .gold,#view-home .sec-head.center h2::after,#view-home .partners::before,#view-home .partners::after,#view-home section.testi::before{animation:none!important}.qx-js .qx-rv{opacity:1;transform:none;transition:none}}
#view-home section.testi .sec-head .kick::before{display:none}

/* بانر «لماذا الشهادة الاحترافية؟»: صورة الشاب داخل هالة مضيئة بدل الشارة */
.qv-orb{height:400px}
.qv-core{width:280px;height:280px;margin:-110px 0 0 -140px;background:radial-gradient(circle at 50% 35%,#2b7fd6 0%,#124a94 45%,#0a2a5c 78%);box-shadow:0 0 0 10px #ffffff0f,0 0 0 11px #ffd76a59,0 0 80px #19a7d88c,inset 0 -30px 50px #0008;animation:none}
.qv-core::after{content:"";position:absolute;inset:-18px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,#ffd76a 85%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:qvSpin 6s linear infinite}
.qv-man{position:absolute;left:50%;bottom:-4px;height:104%;width:auto;margin-left:-146px;z-index:2;filter:drop-shadow(0 18px 30px #000a);-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 16%);mask-image:linear-gradient(0deg,transparent 0,#000 16%);animation:qvMan 1s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes qvMan{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
.qv-r.r1{width:360px;height:360px;margin:-150px 0 0 -180px}.qv-r.r2{width:440px;height:440px;margin:-190px 0 0 -220px}
.qv-fl{z-index:3}
.qv-fl.f1{top:2%;right:-2%}.qv-fl.f2{bottom:14%;right:-4%}.qv-fl.f3{top:44%;left:-4%}
@media (max-width:900px){.qv-orb{height:360px}.qv-fl.f1{right:0}.qv-fl.f2{right:0}.qv-fl.f3{left:0}}
@media (max-width:600px){.qv-orb{height:330px}.qv-core{width:230px;height:230px;margin:-90px 0 0 -115px}.qv-man{margin-left:-121px}.qv-r.r1{width:290px;height:290px;margin:-120px 0 0 -145px}.qv-r.r2{width:340px;height:340px;margin:-145px 0 0 -170px}}
.qv-fl{background:linear-gradient(135deg,#143f84eb,#0a2450eb);border-color:#ffd76a59}
@media (max-width:600px){.qv-fl.f1{right:auto;left:0;top:0}.qv-fl.f3{top:50%}}

/* صورة الشاب بالشهادة في بانر #value (أعرض من السابقة) */
.qv-man{margin-left:0;translate:-50% 0;height:108%}
@media (max-width:600px){.qv-man{margin-left:0}}
/* شريط «قيمة بالأرقام» */
#view-home .stats-band{margin-block:0;background:linear-gradient(120deg,#061634 0%,#0a2a5c 42%,#0b6b90 100%)}
#view-home .stats-band::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(#e0b22433,transparent 65%);top:-260px;left:50%;margin-left:-260px;animation:qvAur 11s ease-in-out infinite alternate;pointer-events:none}
#view-home .sb-grid{gap:18px;padding-block:46px;align-items:stretch}
#view-home .stats-band .sb{--c:#19a7d8;border-radius:26px;padding:26px 14px 22px;background:linear-gradient(165deg,#ffffff24,#ffffff0a);border:1px solid #ffffff30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 34px #0005;transition:transform .3s,box-shadow .3s,border-color .3s}
#view-home .stats-band .sb:nth-child(1){--c:#38bdf8}#view-home .stats-band .sb:nth-child(2){--c:#34d399}#view-home .stats-band .sb:nth-child(3){--c:#ffd76a}#view-home .stats-band .sb:nth-child(4){--c:#a78bfa}#view-home .stats-band .sb:nth-child(5){--c:#fb923c}
#view-home .stats-band .sb::before{content:"";position:absolute;inset:0 22% auto 22%;height:4px;border-radius:0 0 6px 6px;background:var(--c);box-shadow:0 0 16px var(--c)}
#view-home .stats-band .sb:hover{transform:translateY(-8px);border-color:var(--c);box-shadow:0 24px 44px #0007,0 0 30px color-mix(in srgb,var(--c) 35%,transparent)}
#view-home .stats-band .sb-ic{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 12px;border-radius:50%;font-size:32px;line-height:1;background:radial-gradient(circle at 30% 25%,#ffffff47,#ffffff0f);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 70%,transparent),0 10px 20px #0005;animation:qvFloat 4.6s ease-in-out infinite}
#view-home .stats-band .sb:nth-child(2) .sb-ic{animation-delay:-1s}#view-home .stats-band .sb:nth-child(3) .sb-ic{animation-delay:-2s}#view-home .stats-band .sb:nth-child(4) .sb-ic{animation-delay:-3s}#view-home .stats-band .sb:nth-child(5) .sb-ic{animation-delay:-3.8s}
#view-home .sb-grid b{font-size:clamp(34px,4vw,50px);background:linear-gradient(180deg,#fff3c4,#f2c94c 55%,#d6a91f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px #f2c94c40)}
#view-home .sb-grid span:not(.sb-ic){margin-top:4px;font-size:15px;font-weight:600;color:#e3eef7}
#view-home .stats-band .sb.hl{background:linear-gradient(165deg,#ffd76a3d,#ffffff0f);border-color:#ffd76a;box-shadow:0 0 0 1px #ffd76a66,0 20px 44px #0007,0 0 46px #ffd76a38}
@media (min-width:981px){#view-home .stats-band .sb.hl{transform:scale(1.07)}#view-home .stats-band .sb.hl:hover{transform:scale(1.07) translateY(-8px)}}
@media (prefers-reduced-motion:reduce){#view-home .stats-band .sb-ic,#view-home .stats-band::after{animation:none!important}}
.qv-fl{max-width:176px}
.qv-fl.f1{top:2%;right:-4%}.qv-fl.f2{bottom:6%;right:-6%}.qv-fl.f3{top:10%;left:-4%}
@media (max-width:900px){.qv-fl.f1{right:0}.qv-fl.f2{right:0}.qv-fl.f3{left:0}}
@media (max-width:600px){.qv-fl.f1{right:auto;left:0;top:0}.qv-fl.f2{right:0;bottom:2%}.qv-fl.f3{display:none}}
@media (max-width:600px){.qv-fl.f1{top:-9%}}