.team-page { min-height: 100vh; }
.team-link.active { color: var(--accent); }
.team-main { position: relative; width: min(1180px, calc(100% - 48px)); min-height: calc(100vh - 180px); margin: 0 auto; padding: 86px 0 120px; overflow: hidden; }
.team-intro { position: relative; z-index: 2; max-width: 760px; }
.team-intro h1 { font-size: clamp(3.8rem, 8vw, 7.6rem); }
.team-subtitle { max-width: 600px; margin: 30px 0 0; color: var(--muted); font-size: 1.1rem; line-height: 1.7; }
.team-glow { position: absolute; width: 460px; height: 460px; border-radius: 50%; right: -100px; top: 100px; background: rgba(48, 190, 169, .13); filter: blur(100px); animation: drift 10s ease-in-out infinite alternate; }
.team-grid { position: relative; z-index: 2; margin-top: 74px; padding-top: 44px; border-top: 1px solid var(--line); }
.member-card { display: grid; grid-template-columns: 260px minmax(0, 1fr); align-items: center; gap: 64px; width: min(760px, 100%); }
.avatar-wrap { position: relative; display: block; width: 260px; aspect-ratio: 1; border-radius: 50%; padding: 8px; border: 1px solid rgba(255,255,255,.2); transition: transform .35s ease, border-color .35s ease; }
.avatar-wrap::before { content: ""; position: absolute; inset: 17px; border: 1px solid rgba(67,216,190,.4); border-radius: 50%; z-index: 2; pointer-events: none; }
.avatar-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; background: #10191a; }
.avatar-wrap:hover { transform: translateY(-7px); border-color: var(--accent); }
.orbit { position: absolute; inset: -11px; border: 1px dashed rgba(67,216,190,.35); border-radius: 50%; animation: orbit 22s linear infinite; }
.orbit::after { content: ""; position: absolute; width: 7px; height: 7px; top: 34px; right: 25px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 16px var(--accent); }
.profile-arrow { position: absolute; z-index: 3; right: 0; bottom: 24px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; color: #06100f; background: var(--accent); font-size: 1.2rem; box-shadow: 0 8px 28px rgba(67,216,190,.25); }
.member-number { margin: 0 0 13px; color: #657572; font: 600 .7rem/1 "Manrope", sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.member-info h2 { margin: 0; font: 700 clamp(2.5rem, 5vw, 4.4rem)/1 "Manrope", sans-serif; letter-spacing: -.045em; }
.member-role { margin: 13px 0 28px; color: var(--accent); font: 600 .78rem/1.3 "Manrope", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.social-link { display: inline-flex; align-items: center; gap: 11px; color: #c2ccca; text-decoration: none; font-size: .92rem; transition: color .2s ease; }
.social-link svg { width: 17px; height: 17px; fill: currentColor; }
.social-link:hover { color: white; }
.team-page footer a { color: #788783; text-decoration: none; }
.team-page footer a:hover { color: white; }
@keyframes orbit { to { transform: rotate(360deg); } }
@media (max-width: 700px) {
  .team-main { width: calc(100% - 34px); padding: 64px 0 92px; }
  .team-grid { margin-top: 54px; }
  .member-card { grid-template-columns: 1fr; gap: 42px; }
  .avatar-wrap { width: min(260px, 76vw); }
}
@media (max-width: 480px) {
  .team-main { width: calc(100% - 28px); }
  .team-intro h1 { font-size: clamp(3.2rem, 17vw, 4.7rem); }
  .team-subtitle { font-size: 1rem; }
  .member-info h2 { font-size: 3.2rem; }
}
@media (prefers-reduced-motion: reduce) { .orbit { animation: none; } }