/* بكسل — قيمنق: ليل × بنفسجي كهربائي × سيان 🎮 */
h1,h2,h3,h4{font-family:'Changa','Tajawal',sans-serif;font-weight:800}
:root{--pxg:linear-gradient(135deg,#7c3aed,#22d3ee)}
body{background:#0a0e1a;color:#e6ecfa}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(600px 380px at 50% -120px,rgba(124,58,237,.28),transparent 70%),radial-gradient(400px 400px at 92% 90%,rgba(34,211,238,.12),transparent 70%)}
::selection{background:#7c3aed;color:#fff}
:root,[data-skin="services"]{--surface-l:#0a0e1a;--surface-l2:#111827;--on-light:#e6ecfa;--on-light-mut:#8b96b3;
 --line-l:rgba(124,58,237,.25);--line-d:rgba(124,58,237,.25);--tint:rgba(124,58,237,.12);
 --surface-d:#0a0e1a;--on-dark:#e6ecfa;--on-dark-mut:#8b96b3;--on-accent:#0a0e1a}
.st-eyebrow{background:var(--pxg);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-line{background:var(--pxg);height:4px}
.st-btn{background:var(--pxg);border-radius:12px;box-shadow:0 0 28px rgba(124,58,237,.5),0 0 60px rgba(34,211,238,.2)}
.st-btn:hover{box-shadow:0 0 40px rgba(124,58,237,.7),0 0 90px rgba(34,211,238,.3);transform:translateY(-2px)}
.st-btn-ghost,.st-btn-line{border:1.5px solid #22d3ee;color:#22d3ee;background:transparent}
.st-abar-primary{background:#070a12;border-bottom:1px solid var(--line-l);color:#8b96b3}
.st-abar-primary .st-abar-tk i{color:#22d3ee}
.st-nav{background:rgba(10,14,26,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-l)}
.st-nav-bd{color:#e6ecfa}
.st-nav-lk a{color:#8b96b3}
.st-nav-lk a:hover{color:#22d3ee}
.st-nav-cta{background:var(--pxg)}
.st-slide-ov{background:linear-gradient(180deg,rgba(7,10,18,.55),rgba(7,10,18,.4) 45%,rgba(7,10,18,.95))}
.st-slide-in h1{font-family:'Changa';text-shadow:0 0 34px rgba(124,58,237,.7)}
.st-slide-in .st-btn{animation-name:none}
.st-dot.on{background:#22d3ee;box-shadow:0 0 12px rgba(34,211,238,.9)}
.st-fstrip{border-color:var(--line-l)}
.st-fstrip .fs+.fs::before{background:var(--line-l)}
.st-fstrip i{color:#22d3ee}
.st-fstrip b{color:#e6ecfa;font-family:'Changa'}
.st-brands-grid .bx{background:#111827;border-color:var(--line-l);border-radius:14px}
.st-brands-grid .bx b{color:#e6ecfa;font-size:14.5px;opacity:1;filter:none}
.st-brands-grid .bx:hover{border-color:#22d3ee;box-shadow:0 0 22px rgba(34,211,238,.25)}
.st-cslider .cs{background:#111827;border-color:var(--line-l)}
.st-cslider .cs:hover{border-color:#7c3aed;box-shadow:0 0 30px rgba(124,58,237,.3)}
.st-cslider .bd small{color:#22d3ee}
.st-cslider .bd a{color:#22d3ee}
.st-cslider .nv button{background:#111827;border-color:var(--line-l);color:#e6ecfa}
.st-band-ov{background:rgba(7,10,18,.88)}
.st-band .bs b{color:#22d3ee;font-family:'Changa'}
.st-twall .tw{background:#111827;border-color:var(--line-l)}
.st-twall .tw:hover{border-color:#7c3aed}
.st-twall .strs,.st-twall-hd .strs{color:#facc15}
.st-faq-cards .fqc{background:#111827;border-color:var(--line-l)}
.st-faq-cards .fqc:hover{border-color:#22d3ee;box-shadow:0 0 24px rgba(34,211,238,.2)}
.st-faq-cards .n{color:rgba(124,58,237,.25)}
.st-payblk{background:#111827;border-color:var(--line-l)}
.st-payblk .px span{background:#0a0e1a;border-color:var(--line-l);color:#e6ecfa}
.st-payblk .px span:hover{border-color:#22d3ee;color:#22d3ee}
.st-ctap{background:linear-gradient(135deg,#070a12,#1e1b3a);border:1px solid var(--line-l)}
.st-ctap .glow{background:radial-gradient(50% 65% at 50% 0%,rgba(34,211,238,.25),transparent 70%)}
.st-foot{background:#070a12;border-top:1px solid var(--line-l)}
.st-foot::before{content:'';display:block;height:3px;margin-bottom:32px;background:var(--pxg)}
.st-foot h4{color:#22d3ee;font-family:'Changa'}
.st-footer{background:#05070d;color:#5d6880}
.rp-card,.sv-card,.acc-hd,.acc-box{background:#111827;border-color:var(--line-l)}
.st-form input,.st-form textarea,.st-form select{background:#0d1322;border-color:var(--line-l);color:#e6ecfa}