.portfolio[data-v-4378b92a]{--primary:#164aad;--primary-light:#338edf;--primary-glow:#56b5ff;--accent:#7bcbff;--bg-deep:#07091c;--bg-mid:#0a0f3d;--text-primary:#f4f2f6;--text-secondary:#a7b4bd;--shadow-glow-p:rgba(86,181,255,.12);--radius-card:18px;background:linear-gradient(180deg,var(--bg-mid) 0,var(--bg-deep) 100%);overflow:hidden;padding:var(--section-gap) 1.5rem var(--section-gap);position:relative}.section-divider[data-v-4378b92a]{background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);height:1px;position:absolute;top:0;inset-inline:0;opacity:.4;z-index:2}.bg-deco[data-v-4378b92a]{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.deco-orb[data-v-4378b92a]{border-radius:50%;filter:blur(120px);position:absolute}.deco-orb-1[data-v-4378b92a]{animation:pfFloat-4378b92a 25s ease-in-out infinite;background:radial-gradient(circle,rgba(51,142,223,.12),transparent 70%);height:500px;inset-inline-end:-100px;top:-120px;width:500px}.deco-orb-2[data-v-4378b92a]{animation:pfFloat-4378b92a 30s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(22,74,173,.1),transparent 70%);bottom:-80px;height:350px;inset-inline-start:-60px;width:350px}.deco-orb-3[data-v-4378b92a]{animation:pfFloat-4378b92a 20s ease-in-out infinite;background:radial-gradient(circle,rgba(123,203,255,.05),transparent 70%);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes pfFloat-4378b92a{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}.deco-grid[data-v-4378b92a]{background-image:linear-gradient(rgba(51,142,223,.03) 1px,transparent 0),linear-gradient(90deg,rgba(51,142,223,.03) 1px,transparent 0);background-size:50px 50px;inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 0,transparent 75%);position:absolute}@media(prefers-reduced-motion:reduce){.deco-orb[data-v-4378b92a]{animation:none}}.deco-orb[data-v-4378b92a]{animation:none}.portfolio-inner[data-v-4378b92a]{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.badge[data-v-4378b92a]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#338edf0f;border:1px solid rgba(51,142,223,.12);border-radius:100px;color:var(--primary-glow);display:inline-flex;font-family:var(--font-arabic);font-size:.82rem;font-weight:600;gap:10px;letter-spacing:.02em;margin-bottom:1.4rem;padding:.5rem 1.2rem .5rem .8rem}.badge-pulse[data-v-4378b92a]{animation:pfPulse-4378b92a 2s ease-in-out infinite;background:var(--primary-glow);border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes pfPulse-4378b92a{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.badge-pulse[data-v-4378b92a]{animation:none}}h2[data-v-4378b92a]{color:var(--text-secondary);font-family:var(--font-arabic);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .8rem}.highlight[data-v-4378b92a]{background:linear-gradient(135deg,var(--primary-light) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative;-webkit-text-fill-color:transparent}.highlight[data-v-4378b92a]:after{background:linear-gradient(90deg,var(--primary-light),transparent);border-radius:3px;bottom:-4px;content:"";height:3px;inset-inline:0;opacity:.4;position:absolute}.subtitle[data-v-4378b92a]{color:var(--text-secondary);font-family:var(--font-arabic);line-height:1.7;margin:0 auto 2.5rem;max-width:33rem}.filters[data-v-4378b92a]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2.5rem;position:relative;z-index:1}.filter-btn[data-v-4378b92a]{align-items:center;background:#338edf0a;border:1.5px solid rgba(51,142,223,.08);border-radius:50px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-arabic);font-size:.82rem;font-weight:700;gap:6px;padding:7px 18px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.filter-icon[data-v-4378b92a]{align-items:center;display:flex;font-size:.75rem;opacity:.6}.filter-btn[data-v-4378b92a]:hover{background:#338edf14;border-color:#338edf33;color:var(--primary-glow);transform:translateY(-2px)}.filter-btn.active[data-v-4378b92a]{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:var(--primary);box-shadow:0 2px 16px #338edf40;color:#fff}.filter-btn.active .filter-icon[data-v-4378b92a]{opacity:1}.filter-count[data-v-4378b92a]{background:#338edf14;border-radius:50px;color:var(--primary-glow);font-family:var(--font-mono);font-size:.7rem;font-weight:800;padding:1px 7px}.filter-btn.active .filter-count[data-v-4378b92a]{background:#ffffff1f;color:inherit}.skeleton-wrap[data-v-4378b92a]{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;position:relative;z-index:1}.skeleton-card[data-v-4378b92a]{background:#07091cb3;border:1px solid rgba(51,142,223,.08);border-radius:var(--radius-card);overflow:hidden}.sk-img[data-v-4378b92a]{animation:pfShimmer-4378b92a 1.5s infinite;background:linear-gradient(90deg,#338edf0f 25%,#338edf24,#338edf0f 75%);background-size:200% 100%;height:180px}.sk-body[data-v-4378b92a]{display:flex;flex-direction:column;gap:10px;padding:1.2rem}.sk-line[data-v-4378b92a]{animation:pfShimmer-4378b92a 1.5s infinite;background:linear-gradient(90deg,#338edf0f 25%,#338edf24,#338edf0f 75%);background-size:200% 100%;border-radius:5px;height:10px}.sk-line.w40[data-v-4378b92a]{width:40%}.sk-line.w80[data-v-4378b92a]{width:80%}.sk-line.w60[data-v-4378b92a]{width:60%}@keyframes pfShimmer-4378b92a{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sk-img[data-v-4378b92a],.sk-line[data-v-4378b92a]{animation:none}}.empty-state[data-v-4378b92a],.error-state[data-v-4378b92a]{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem;position:relative;text-align:center;z-index:1}.state-icon[data-v-4378b92a]{align-items:center;background:#338edf0f;border:1px solid rgba(51,142,223,.08);border-radius:50%;color:var(--primary-glow);display:flex;font-size:1.7rem;height:72px;justify-content:center;width:72px}.empty-state p[data-v-4378b92a],.error-state p[data-v-4378b92a]{color:var(--text-secondary);font-family:var(--font-arabic);font-size:.95rem}.retry-btn[data-v-4378b92a]{background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:10px;box-shadow:0 2px 12px #338edf33;color:#fff;cursor:pointer;font-family:var(--font-arabic);font-size:.85rem;font-weight:700;padding:.6rem 1.8rem;transition:transform .3s ease,box-shadow .3s ease}.retry-btn[data-v-4378b92a]:hover{box-shadow:0 4px 20px #338edf4d;transform:translateY(-2px)}.portfolio-grid[data-v-4378b92a]{align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;position:relative;text-align:start;z-index:1}.card-wide[data-v-4378b92a]{grid-column:span 2}.portfolio-card[data-v-4378b92a]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07091cb3;border:1px solid rgba(51,142,223,.08);border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.portfolio-card[data-v-4378b92a]:hover{border-color:#338edf40;box-shadow:0 0 50px var(--shadow-glow-p),0 20px 50px #0000004d;transform:translateY(-8px)}.thumb[data-v-4378b92a]{background:linear-gradient(165deg,#f4f2f6,#e4e9f2);flex-shrink:0;height:180px;overflow:hidden;position:relative}.card-wide .thumb[data-v-4378b92a]{height:200px}.thumb img[data-v-4378b92a]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);width:100%}.portfolio-card:hover .thumb img[data-v-4378b92a]{transform:scale(1.05)}.thumb[data-v-4378b92a]:has(.mock-screen){align-items:center;display:flex;justify-content:center;padding:1rem}.mock-screen[data-v-4378b92a]{background:#ffffff14;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;box-shadow:0 8px 24px #00000026;overflow:hidden;position:relative;width:75%;z-index:1}.mock-bar[data-v-4378b92a]{background:#00000040;display:flex;gap:4px;padding:6px 8px}.mock-bar span[data-v-4378b92a]{background:#ffffff4d;border-radius:50%;height:7px;width:7px}.mock-content[data-v-4378b92a]{display:flex;flex-direction:column;gap:6px;padding:10px}.mock-line[data-v-4378b92a]{background:#ffffff26;border-radius:3px;height:6px}.mock-line.w80[data-v-4378b92a]{width:80%}.mock-line.w60[data-v-4378b92a]{width:60%}.mock-line.w70[data-v-4378b92a]{width:70%}.mock-blocks[data-v-4378b92a]{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:2px}.mock-block[data-v-4378b92a]{background:#ffffff14;border-radius:5px;height:28px}.thumb-category[data-v-4378b92a]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#164aade6;border-radius:50px;color:#fff;font-family:var(--font-mono);font-size:.65rem;font-weight:700;inset-inline-end:12px;letter-spacing:.04em;padding:3px 12px;position:absolute;top:12px;z-index:2}.thumb-overlay[data-v-4378b92a]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01000599;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.portfolio-card:hover .thumb-overlay[data-v-4378b92a]{opacity:1}.view-btn[data-v-4378b92a]{align-items:center;background:#fffffff2;border-radius:50px;box-shadow:0 4px 16px #00000026;color:var(--primary);display:inline-flex;font-family:var(--font-arabic);font-size:.82rem;font-weight:700;gap:8px;padding:10px 22px}.portfolio-card-body[data-v-4378b92a]{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1.2rem 1.2rem 1rem}.card-meta[data-v-4378b92a]{align-items:center;display:flex;justify-content:space-between}.meta-cat[data-v-4378b92a]{background:#338edf14;border-radius:50px;color:var(--primary-glow);font-family:var(--font-arabic);font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:2px 10px}.meta-year[data-v-4378b92a]{color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;font-weight:600}.portfolio-card h3[data-v-4378b92a]{color:var(--text-primary);font-size:.98rem;font-weight:800;line-height:1.3}.portfolio-card h3[data-v-4378b92a],.portfolio-client[data-v-4378b92a]{font-family:var(--font-arabic);margin:0}.portfolio-client[data-v-4378b92a]{align-items:center;color:var(--accent);display:flex;font-size:.76rem;font-weight:600;gap:5px}.portfolio-desc[data-v-4378b92a]{color:var(--text-secondary);flex:1;font-family:var(--font-arabic);font-size:.82rem;line-height:1.6;margin:0}.card-tags[data-v-4378b92a]{display:flex;flex-wrap:wrap;gap:5px}.tag[data-v-4378b92a]{background:#338edf0f;border:1px solid rgba(51,142,223,.06);border-radius:5px;color:var(--accent);font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:2px 8px}.card-footer[data-v-4378b92a]{align-items:center;border-top:1px solid hsla(0,0%,100%,.04);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding-top:.6rem}.card-stat[data-v-4378b92a]{color:#4ade80;gap:4px}.card-stat[data-v-4378b92a],.link[data-v-4378b92a]{align-items:center;display:inline-flex;font-family:var(--font-arabic);font-size:.75rem;font-weight:700}.link[data-v-4378b92a]{background:#338edf0a;border:1.5px solid rgba(51,142,223,.12);border-radius:8px;color:var(--primary-glow);gap:5px;padding:4px 14px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.portfolio-card:hover .link[data-v-4378b92a]{background:var(--primary);border-color:var(--primary);color:#fff}.load-more-wrap[data-v-4378b92a]{margin-bottom:2.5rem;position:relative;text-align:center;z-index:1}.load-more[data-v-4378b92a]{align-items:center;background:#338edf0a;border:1.5px solid rgba(51,142,223,.12);border-radius:50px;color:var(--primary-glow);cursor:pointer;display:inline-flex;font-family:var(--font-arabic);font-size:.88rem;font-weight:700;gap:10px;padding:.8rem 2.2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.load-more i[data-v-4378b92a]{transition:transform .3s}.load-more[data-v-4378b92a]:hover{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:var(--primary);box-shadow:0 4px 20px #338edf40;color:#fff;transform:translateY(-3px)}.load-more:hover i[data-v-4378b92a]{transform:translateY(2px)}:dir(ltr) .link i[data-v-4378b92a],:dir(ltr) .load-more i.bi-arrow-left[data-v-4378b92a]{transform:scaleX(-1)}:dir(ltr) .load-more:hover i.bi-arrow-left[data-v-4378b92a]{transform:scaleX(-1) translateY(2px)}@media(max-width:1024px){.portfolio-grid[data-v-4378b92a]{grid-template-columns:repeat(2,1fr)}.card-wide[data-v-4378b92a]{grid-column:span 2}.skeleton-wrap[data-v-4378b92a]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.portfolio[data-v-4378b92a]{padding:var(--section-gap) 1.2rem var(--section-gap)}}@media(max-width:640px){.portfolio-grid[data-v-4378b92a]{grid-template-columns:1fr}.card-wide[data-v-4378b92a]{grid-column:span 1}.skeleton-wrap[data-v-4378b92a]{grid-template-columns:1fr}.filters[data-v-4378b92a]{gap:6px}.filter-btn[data-v-4378b92a]{font-size:.75rem;padding:6px 14px}.filter-count[data-v-4378b92a]{font-size:.6rem;padding:0 5px}}@media(max-width:480px){h2[data-v-4378b92a]{font-size:1.6rem}.subtitle[data-v-4378b92a]{font-size:.9rem}.thumb[data-v-4378b92a]{height:150px}.card-wide .thumb[data-v-4378b92a]{height:160px}}