/* ===== صفحة الفريق | Team page ===== */
.tm-page{position:relative;z-index:1;width:min(1120px,92%);margin:0 auto;padding:130px 0 80px}
.tm-hero{position:relative;text-align:center;padding:30px 0 20px}
.tm-orbit{position:absolute;left:50%;top:40%;width:min(620px,95vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.tm-orbit i{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--ringc);animation:orb 40s linear infinite}
.tm-orbit i:nth-child(2){inset:12%;border-style:solid;border-color:var(--ringc2);animation-duration:26s;animation-direction:reverse}
.tm-orbit i:nth-child(3){inset:26%;animation-duration:18s}
.tm-orbit i::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px 4px rgba(var(--fxrgb),.6)}
@keyframes orb{to{transform:rotate(360deg)}}
.tm-eyebrow{position:relative;display:inline-block;padding:6px 18px;border-radius:30px;background:var(--glass);border:1px solid var(--bd2);color:var(--n3);font-weight:700;font-size:13px;letter-spacing:4px;animation:rise .8s var(--ease) both}
.tm-title{position:relative;margin:18px 0 10px;font-family:'Lalezar','Readex Pro',sans-serif;font-weight:400;font-size:clamp(46px,9vw,104px);line-height:1.15;
  background:linear-gradient(110deg,var(--tx) 20%,var(--accent) 45%,var(--n3) 55%,var(--tx) 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:blurIn 1.2s var(--ease) both .1s,shimmer 7s linear infinite 1.3s}
@keyframes shimmer{to{background-position:-250% 0}}
.tm-sub{position:relative;max-width:560px;margin:0 auto 30px;color:var(--muted);line-height:2;animation:rise .9s var(--ease) both .3s}
.tm-stats{position:relative;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.tm-stat{min-width:140px;padding:16px 22px;border-radius:20px;background:var(--glass);border:1px solid var(--bd);backdrop-filter:blur(12px);animation:rise .7s var(--ease) both;animation-delay:calc(.4s + var(--i,0) * 120ms)}
.tm-stat b{display:block;font-family:'Lalezar','Readex Pro',sans-serif;font-weight:400;font-size:38px;line-height:1.1;color:var(--n3)}
.tm-stat span{color:var(--muted);font-size:13px}

.tm-card{position:relative;overflow:hidden;border-radius:26px;background-color:var(--card);border:1px solid var(--bd);box-shadow:0 14px 40px rgba(0,0,0,.08);text-align:center;padding:28px 22px 24px;
  animation:rise .7s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms);transform-style:preserve-3d}
.tm-card:hover{box-shadow:0 26px 60px rgba(var(--fxrgb),.28)}
.tm-card.hide{display:none}
.tm-av{position:relative;width:104px;height:104px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font:400 40px 'Lalezar','Readex Pro',sans-serif;color:#fff;
  background:linear-gradient(135deg,var(--g3),var(--n),var(--accent));box-shadow:0 12px 30px rgba(var(--fxrgb),.35);transform:translateZ(40px)}
.tm-av::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px dashed rgba(var(--fxrgb),.55);animation:orb 14s linear infinite}
.tm-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.tm-name{margin:0 0 4px;font-size:21px;direction:ltr;transform:translateZ(30px)}
.tm-role{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:30px;font-size:12.5px;font-weight:700;background:linear-gradient(135deg,var(--n2),var(--n));color:#fff;transform:translateZ(30px)}
.tm-bio{margin:14px 0 16px;color:var(--muted);font-size:14px;line-height:1.9;min-height:52px}
.tm-foot{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12.5px}
.tm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--bd2);border-radius:20px;background:var(--soft);color:var(--tx);font:600 12.5px inherit;font-family:inherit;cursor:pointer;direction:ltr;transition:background .2s,color .2s,transform .25s var(--ease)}
.tm-chip:hover{background:var(--n3);color:#fff;transform:translateY(-2px)}
.tm-tag{position:absolute;top:14px;inset-inline-end:14px;padding:3px 10px;border-radius:10px;background:#fff1c9;color:#8a6500;font-size:11px;font-weight:700}

.tm-card.founder{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;text-align:start;padding:34px;margin:50px 0 34px}
.tm-card.founder .tm-av{width:150px;height:150px;font-size:60px;margin:0}
.tm-card.founder .tm-name{font-size:34px}
.tm-card.founder .tm-bio{font-size:16px;max-width:560px}
.tm-card.founder .tm-foot{justify-content:flex-start}
.tm-card.founder::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--fxrgb),.25),transparent 70%);animation:float 7s ease-in-out infinite alternate;pointer-events:none}
.tm-crown{display:inline-flex;margin-inline-end:6px}
@media(max-width:700px){.tm-card.founder{grid-template-columns:1fr;text-align:center;justify-items:center}.tm-card.founder .tm-foot{justify-content:center}}

.tm-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.tm-filters button{padding:9px 20px;border-radius:30px;border:1.5px solid var(--bd2);background:var(--card);color:var(--tx);font:600 14px inherit;font-family:inherit;cursor:pointer;transition:transform .25s var(--ease),background .2s,color .2s,box-shadow .25s}
.tm-filters button:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.tm-filters button.on{background:linear-gradient(135deg,var(--n2),var(--n));color:#fff;border-color:transparent;box-shadow:0 10px 26px rgba(var(--fxrgb),.35)}
.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}

.tm-join{position:relative;overflow:hidden;margin-top:70px;padding:56px 24px;border-radius:34px;text-align:center;color:#fff;background:linear-gradient(135deg,var(--g0),var(--g2) 60%,var(--g3));box-shadow:0 26px 60px rgba(var(--fxrgb),.3)}
.tm-join::before,.tm-join::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent);animation:float 9s ease-in-out infinite alternate}
.tm-join::before{top:-170px;inset-inline-start:-80px}.tm-join::after{bottom:-190px;inset-inline-end:-60px;animation-delay:-4s}
.tm-join h2{position:relative;margin:0 0 8px;font-family:'Lalezar','Readex Pro',sans-serif;font-weight:400;font-size:clamp(32px,5vw,50px)}
.tm-join p{position:relative;margin:0 auto 24px;max-width:480px;opacity:.85}
.tm-join .btn{position:relative;background:#fff;color:#0b1d3f}