Mikel Arteta hailed a “magic night” at the Emirates Stadium as Arsenal beat Porto 4-2 on penalties to reach first Champions League quarter-final in 14 years.

Trailing 1-0 from the first leg in Portugal, a goal from Leandro Trossard just before half-time levelled the tie late in the first half, but there Arsenal’s momentum stalled as they failed to wrap the game up inside 90 minutes.

After a nervous extra-time it took heroics from goalkeeper David Raya, saving twice in the shoot-out, to put the hosts into the last-eight for the first time since Arsene Wenger’s team faced Barcelona in 2010.

“A magic night,” said Arteta. “We expected a really tough opponent. It’s very difficult to generate momentum and that’s credit to them.

“It’s a huge experience for us. We had to do it as well through penalties. Credit to David who had some difficult moments to start but showed incredible determination and stood up and got rewarded.”

Arsenal, roared on by a home support determined to drag their team through, began with urgency befitting of their predicament, but they suffered a frustrating first half.

Not until four minutes before the break did the second leg tip their way, and the goal was brilliantly made by Martin Odegaard, receiving the ball from Trossard 30-yards out and taking four Porto players out of the game with a superb slide-rule pass.

There on the end of if was Trossard, skipping in off the left and sliding it cooly past Diogo Costa for 1-0.

Odegaard thought he’d given Arsenal the lead in the tie when he tapped into an empty goal in the second half, only for his effort to be ruled out for a foul by Kai Havertz on veteran defender Pepe. A furious Arteta was booked for his protests.

Gabriel Jesus came off the bench and almost settled things with his first touch, goalkeeper Costa spreading himself well and deflecting his effort wide, before Odegaard shot inches past the post after the goalkeeper beat out Bukayo Saka’s shot.

Porto’s threat on the break lingered throughout the ensuing extra 30 minutes, though penalties had long looked the likeliest destination.

So it proved, and it was goalkeeper Raya who was the hero, saving from defender Wendell and first-leg match-winner Galeno to send Arsenal through.

“For (the players) to do it when the club hasn’t done it for 14 years, I tell you it will be a boost,” said Arteta. “The margins are so small.

“I see how much they want it, how much they try and they are able to sacrifice anything to win. When you play like this at the end good things are going to come your way.

“It’s another big step (in the season), especially as a club. For seven years we haven’t been in this competition and for 14 years we haven’t got this far. That tells you the difficulty of it. We want more and we’re going to go for it that’s for sure.

“It’s the first time that I’ve done it in the Champions League. I try to learn every day, get advice and that’s why you have good people around you, great coaches around you as well to help you and make you better.”

Porto boss Sergio Conceicao was involved with an altercation on the pitch with Arteta at the end of the game, and gave a terse explanation of what was said.

“During the game, (Arteta) turned to the bench and in Spanish – it must be a Spanish coach thing because it was the same thing with (Pep) Guardiola – he insulted my family,” he said.

“In the end I told him to pay attention because who he insulted is no longer with us, and to worry about coaching his team, because due to individual quality he has an obligation to do more and better.”

David Raya admitted it was a “great feeling” to help Arsenal into the Champions League quarter-finals for the first time in 14 years.

Goalkeeper Raya was Arsenal’s hero with two penalty saves as they won a shoot-out against Porto 4-2.

Leandro Trossard’s goal four minutes before half-time levelled the tie at 1-1 on aggregate.

Extra time could not separate the sides and in the shoot-out, Martin Odegaard and Kai Havertz buried their penalties before Raya tipped Wendell’s spot-kick on to his left-hand post.

Bukayo Saka and Declan Rice then converted and Raya made another fine save from Wenderson Galeno to send the Gunners through.

“Obviously it’s a great feeling especially for me personally, my first time in the Champions League and the first time in a long time club has got to the quarter-finals,” the Spaniard told TNT Sports.

“We’ve been working a lot on penalties this year because on a night like this you need to be good and the hard work has paid off. It’s a great night.

“I should have saved three, but I’m over the moon to save two and get through to the quarter-finals.

“Porto made it so difficult over there and here. But we scored the goal that we needed and it went to penalties. Obviously mentally it’s tough but the team played really, really well, we kept a clean sheet, scored the goal and went to penalties.

“It means everything, You play football for these kind of nights. Over the moon and I’m going to celebrate and enjoy the night.”

David Raya saved two penalties as Arsenal beat Porto 4-2 in a shoot-out to reach their first Champions League quarter-final in 14 years.

Leandro Trossard’s first-half strike cancelled out a first-leg deficit but Mikel Arteta’s side then struggled to create chances to win the game as the tie finished 1-1 on aggregate.

All four of Arsenal’s penalty takers were faultless as Raya kept out spot-kicks from Wendell and Galeno to take the Premier League leaders past the last-16 stage for the first time since 2010.

As a player, Arteta suffered four straight defeats in this round of the competition but – having ended Arsenal’s seven-year Champions League exile – he has now guided his side into the final eight.

They could yet face rivals Manchester City, with the draw made on Friday, but for now they will be happy to have banished painful memories of defeats at this stage down the years – with seven consecutive exits in this round under Arsene Wenger.

Barcelona booked their passage to the Champions League last 16 for the first time in three seasons as Joao Felix’s second-half goal secured a 2-1 comeback win at home to Porto.

The former Atletico Madrid and Chelsea forward netted just before the hour mark after being set up by Joao Cancelo to seal the win and ensure it would not be a third consecutive group stage exit for Xavi’s side, despite having been given an early scare by the Portuguese side.

It was former Real Madrid stalwart Pepe who scored the goal for Porto that looked like it would set Barca up for a nervous final matchday in two weeks’ time, at 40 years old breaking his own record as the oldest ever goalscorer in the competition.

The lead lasted barely two minutes and it was ex-Manchester City player Cancelo who levelled in spectacular fashion.

Pedri swept a pass out wide to Cancelo advancing down the left but there was plenty still for the Portugal international to do as he carried the ball into the box and unleashed a superb right-footed effort that flew into the far corner.

Felix then got forward after the break to finish from Cancelo’s pass and secure a priceless win.

Shakhtar Donetsk’s earlier victory against Royal Antwerp had meant that Barca and Porto went into their match locked together on nine points with the Ukrainian champions, but Felix’s winner means Xavi’s side can relax in their final match against Antwerp whilst the other two teams play off for the right to join them in the last 16.

Barca earlier announced that teenage midfielder Gavi had undergone a “successful” operation on his torn anterior cruciate ligament, which is expected to rule him out for the rest of the season and the European Championship next summer.