/* ===== Team ===== */
.tfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.tchip{border:1px solid rgba(255,255,255,.14);background:rgba(5,12,12,.6);color:#d5e0db;font:600 13px/1 var(--bf);padding:10px 16px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}
.tchip i{width:8px;height:8px;border-radius:50%;background:var(--rc,var(--g));box-shadow:0 0 8px var(--rc,var(--g))}
.tchip small{font-size:11px;color:var(--m);font-weight:500}
.tchip:hover{border-color:var(--rc,var(--g));color:#fff}
.tchip.on{background:color-mix(in srgb,var(--rc,var(--g)) 16%,transparent);border-color:var(--rc,var(--g));color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--rc,var(--g)) 35%,transparent)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.tcard{--rx:0deg;--ry:0deg;position:relative;overflow:hidden;text-align:center;padding:30px 20px 22px;border-radius:18px;
  border:1px solid color-mix(in srgb,var(--rc) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 10%,#0a1612),#060e0b 70%);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out,box-shadow .3s,border-color .3s;animation:tin .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes tin{from{opacity:0;transform:translateY(20px) scale(.96)}}
.tcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--rc);box-shadow:0 0 16px var(--rc)}
.tcard::after{content:"";position:absolute;top:-60px;left:50%;width:220px;height:160px;transform:translateX(-50%);background:radial-gradient(ellipse,color-mix(in srgb,var(--rc) 28%,transparent),transparent 70%);pointer-events:none}
.tcard:hover{border-color:var(--rc);box-shadow:0 0 30px color-mix(in srgb,var(--rc) 35%,transparent),0 16px 40px rgba(0,0,0,.5)}
.tav{position:relative;z-index:1;width:96px;height:96px;margin:0 auto 16px;border-radius:16px;overflow:hidden;
  box-shadow:0 0 0 2px var(--rc),0 0 26px color-mix(in srgb,var(--rc) 55%,transparent),0 8px 20px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.2,1.4,.4,1)}
.tav svg,.tav img{width:100%;height:100%;display:block;image-rendering:pixelated}
.tcard:hover .tav{transform:translateY(-4px) scale(1.05)}
.tcard h3{position:relative;z-index:1;font-family:var(--hf);font-weight:800;font-size:20px;word-break:break-word}
.trank{position:relative;z-index:1;display:inline-block;margin:8px 0 10px;padding:4px 12px;border-radius:20px;font:700 11px/1.4 var(--hf);letter-spacing:1px;text-transform:uppercase;
  color:var(--rc);background:color-mix(in srgb,var(--rc) 14%,transparent);border:1px solid color-mix(in srgb,var(--rc) 50%,transparent)}
.trole{position:relative;z-index:1;font-size:13px;color:#c5d3cc;min-height:20px}
.tmeta{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;color:var(--m)}
.tmeta a{display:flex}.tmeta a svg{width:17px;height:17px;fill:#cfd9d4;transition:.2s}.tmeta a:hover svg{fill:var(--g)}
.tempty{grid-column:1/-1;text-align:center;color:var(--m);padding:40px}
.tjoin{display:flex;align-items:center;gap:24px;margin-top:50px;padding:28px 30px}
.tjoin-ic{flex:none;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:rgba(43,255,136,.1);border:1px solid var(--line);box-shadow:0 0 24px rgba(43,255,136,.25)}
.tjoin-ic svg{width:32px;height:32px;fill:var(--g)}
.tjoin h2{font-family:var(--hf);font-weight:800;font-size:22px;text-transform:uppercase}
.tjoin p{color:#c5d3cc;font-size:14px;margin-top:4px;max-width:560px}
.tjoin .btn{margin-left:auto}
@media(max-width:760px){.tgrid{grid-template-columns:1fr 1fr;gap:12px}.tcard{padding:22px 12px 16px}.tav{width:72px;height:72px}.tcard h3{font-size:16px}
  .tjoin{flex-direction:column;text-align:center;padding:26px 20px}.tjoin .btn{margin:6px auto 0}}
@media(max-width:360px){.tgrid{grid-template-columns:1fr}}