/* =================================
   TEAM HERO
================================= */

.team-hero{
position:relative;
overflow:hidden;
padding:140px 0 120px;
background:
linear-gradient(
135deg,
#0f172a 0%,
#1e1b4b 45%,
#6a28bf 100%
);
text-align:center;
}

.team-hero .hero-badge{
display:inline-flex;
padding:12px 24px;
border-radius:50px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(15px);
color:#fff;
font-weight:600;
margin-bottom:25px;
}

.team-hero h1{
font-size:72px;
font-weight:800;
line-height:1.1;
color:#fff;
margin-bottom:20px;
}

.team-hero h1 span{
background:
linear-gradient(
90deg,
#fff,
#d8b4fe
);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.team-hero p{
max-width:700px;
margin:auto;
font-size:20px;
line-height:1.8;
color:#dbe4f0;
}

/* ORBS */

.orb{
position:absolute;
border-radius:50%;
filter:blur(90px);
opacity:.55;
animation:float 10s ease-in-out infinite;
}

.orb1{
width:350px;
height:350px;
background:#9333ea;
left:-100px;
top:40px;
}

.orb2{
width:300px;
height:300px;
background:#ec4899;
right:-50px;
top:100px;
}

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-35px);
}
}

/* =================================
   TEAM GRID
================================= */

.team-section{
padding:120px 0;
background:#f8fafc;
}

.team-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.team-card{
background:#fff;
padding:35px;
border-radius:24px;
box-shadow:
0 10px 30px rgba(0,0,0,.05);
transition:.4s;
text-align:center;
position:relative;
overflow:hidden;
}

.team-card:hover{
transform:translateY(-10px);
box-shadow:
0 25px 50px rgba(106,40,191,.15);
}

.team-card img{
width:140px;
height:140px;
object-fit:cover;
border-radius:50%;
margin:auto;
display:block;
border:4px solid #f3f4f6;
margin-bottom:20px;
}

.team-card h3{
font-size:24px;
margin-bottom:10px;
}

.team-card .role{
display:inline-block;
padding:8px 18px;
border-radius:50px;
background:#f3e8ff;
color:#6a28bf;
font-weight:600;
margin-bottom:18px;
}

.team-card .bio{
line-height:1.8;
margin-top:15px;
}

.linkedin-link{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 18px;
background:#0A66C2;
color:#fff;
border-radius:10px;
font-weight:600;
margin-top:15px;
}

.linkedin-link:hover{
opacity:.9;
}