/* Up Lancer Team Styles */

:root { --ul-primary:#F7931E; --ul-text:#0F172A; --ul-muted:#64748B; --ul-surface:#fff; --ul-border:#E2E8F0; }

.team .project-badge i { color: var(--ul-primary); }

.member-card { position: relative; background: var(--ul-surface); border:1px solid var(--ul-border); border-radius:18px; box-shadow:0 8px 20px rgba(2,6,23,.06); overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.member-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(247,147,30,.0), rgba(247,147,30,.06)); opacity:0; transition: opacity .2s ease; }
.member-card:hover { transform: translateY(-3px); box-shadow:0 16px 32px rgba(2,6,23,.08); }
.member-card:hover::after { opacity:1; }
.member-thumb { width:100%; height:auto; display:flex; justify-content:center; padding-top:16px; }
.member-thumb img { width:72px; height:72px; object-fit:cover; display:block; border-radius:50%; border:2px solid rgba(247,147,30,.25); background:#fff; box-shadow:0 4px 10px rgba(2,6,23,.06); }
.member-body { padding:14px 14px 16px; text-align:center; }
.member-name { font-weight:800; margin:0 0 2px; color:var(--ul-text); font-size:1rem; }
.member-role { color:var(--ul-primary); font-weight:700; margin-bottom:6px; font-size:.85rem; }
.member-email { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; font-size: .8rem; }
.member-email i { color: var(--ul-primary); font-size: .75rem; }
.member-email a { color: var(--ul-muted); text-decoration: none; transition: color .2s ease; }
.member-email a:hover { color: var(--ul-primary); text-decoration: underline; }
.member-bio { color:var(--ul-muted); margin-bottom:10px; min-height:40px; font-size:.92rem; }
.member-social { display:flex; gap:8px; justify-content:center; }
.member-social a { width:28px; height:28px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ul-border); color:var(--ul-text); text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease; background: #fff; }
.member-social a:hover { transform: translateY(-2px); box-shadow:0 10px 20px rgba(2,6,23,.08); }
.member-social i { color: var(--ul-primary); }

/* button to all team */
.team-cta { margin-top: 18px; text-align: center; }
.team-cta .cta-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; background: rgba(247,147,30,.1); border: 1px solid rgba(247,147,30,.25); color: var(--ul-primary); font-weight:700; text-decoration:none; transition: transform .15s ease, box-shadow .15s ease, background-color .2s ease; }
.team-cta .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(2,6,23,.08); background: rgba(247,147,30,.12); }