Panel for the Future of Science and Technology (STOA)
2026-05-21T07:30:00+00:00
2026-05-21T09:30:00+00:00
https://www.expert-europe.eu//medias/image/thumbnail_4645679266a09df1c1919e.png
European Parliament
1, av. du Président Schuman
Strasbourg
67070
FR
STOA Panel | Hosted by the Panel for the Future of Science and Technology (STOA). Join us on 21/05/2026 at the European Parliament in Strasbourg (Room WEISS S2.2.) for the presentation of studies on plant pathogens and digital healthcare tools. OFFICIAL EP EVENT STOA Panel 📅 Date:21/05/2026 🕐 Time:09:30 - 11:30 📍 Location:Room WEISS S2.2., European Parliament (Strasbourg) Live Stream About the Event The meeting will feature the presentation of the STOA studies:Threats from new and emerging plant pathogens: options for EU management of pests' outbreaksTechnology assessment for an EU digital tool for preventive healthcareOrganised by Panel for the Future of Science and Technology (STOA) European Parliament Science and Technology Assessment Important – This event is by invitation, and only registered participants will be admitted. Due to capacity constraints, all attendees must register, including those already holding a European Parliament access badge. Registration is mandatory for admission.
.flip-card {
perspective: 1000px;
position: relative;
min-height: 380px;
z-index: 1;
}
.flip-card:hover,
.flip-card:focus-within {
z-index: 50;
}
.flip-checkbox {
display: none;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.flip-checkbox:checked ~ .flip-card-inner {
transform: rotateY(180deg);
}
.flip-checkbox:checked ~ .flip-card-inner .flip-card-front {
pointer-events: none;
}
.flip-checkbox:not(:checked) ~ .flip-card-inner .flip-card-back {
pointer-events: none;
}
.flip-card,
.flip-card-inner,
.flip-card-back {
overflow: visible !important;
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
backface-visibility: hidden;
border-radius: 12px;
min-height: 380px;
box-sizing: border-box !important;
}
.flip-card-front {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 20px 15px;
text-align: center;
position: relative;
}
.flip-card-back {
transform: rotateY(180deg);
padding: 20px;
overflow: visible !important;
border: 1px solid #e8edf4;
}
.flip-card-front::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
background: linear-gradient(135deg, #e8f2fc 0%, #f0f7ff 100%);
clip-path: polygon(0 100%, 100% 100%, 0 0);
opacity: 1;
z-index: 0;
}
.flip-card-front label[for^="flip-"],
.flip-card-front label[for^="speaker-"] {
position: absolute;
bottom: 6px;
left: 10px;
font-size: 18px;
font-weight: 300;
cursor: pointer;
z-index: 10;
background: none;
border: none;
padding: 0;
transition: transform 0.2s, color 0.2s;
color: #144379;
}
.flip-card-front label[for^="flip-"]:hover,
.flip-card-front label[for^="speaker-"]:hover {
color: #1e5a9e;
transform: scale(1.2);
}
.close-button {
position: absolute;
top: 15px;
right: 15px;
width: 28px;
height: 28px;
background: #144379;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 300;
cursor: pointer;
z-index: 100;
line-height: 1;
transition: all 0.2s;
}
.close-button:hover {
background: #1e5a9e;
transform: rotate(90deg) scale(1.1);
}
.social-icon {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.social-icon:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.logo-link img {
transition: transform 0.2s ease, filter 0.2s ease;
}
.logo-link:hover img {
transform: scale(1.1);
filter: brightness(1.1);
}
.static-card .flip-card-front::before {
display: none !important;
}
.static-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: none !important;
box-sizing: border-box !important;
}
.static-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(20, 67, 121, 0.15) !important;
}
.bio-content-mep strong {
color: #144379;
font-size: 16px;
display: block;
margin-bottom: 15px;
text-align: center;
font-weight: 700;
padding-bottom: 12px;
border-bottom: 2px solid #144379;
}
.bio-section-title {
font-size: 11px;
color: #64748b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 16px 0 10px 0;
padding-bottom: 6px;
border-bottom: 2px solid #e8edf4;
text-align: left;
}
.country-flag {
position: relative;
display: inline-block;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 10;
}
.country-flag:hover {
transform: scale(1.15);
z-index: 20;
}
.party-flag {
position: relative;
display: inline-flex;
align-items: center;
gap: 4px;
line-height: 1;
cursor: pointer;
transition: transform 0.2s ease;
z-index: 10;
font-size: 0;
}
.party-flag:hover {
transform: scale(1.05);
z-index: 20;
}
.country-flag .tooltip,
.party-flag .tooltip {
visibility: hidden;
background: #144379 !important;
color: #fff !important;
text-align: center;
padding: 6px 10px;
border-radius: 6px;
position: absolute;
z-index: 100;
bottom: 100%;
margin-bottom: 8px;
left: 50%;
transform: translateX(-50%);
white-space: normal;
width: max-content;
max-width: 180px;
line-height: 1.4;
opacity: 0 !important;
transition: opacity 0.2s ease !important;
font-size: 10px !important;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
pointer-events: none;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.country-flag:hover .tooltip,
.party-flag:hover .tooltip {
visibility: visible !important;
opacity: 1 !important;
}
.micro-badge-wrapper {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 8px;
box-sizing: border-box !important;
}
.badge-link {
display: inline-flex;
align-items: center;
gap: 4px;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.badge-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(20, 67, 121, 0.15);
}
.tooltip-text {
visibility: hidden;
position: absolute;
bottom: 100%;
margin-bottom: 6px;
left: 50%;
transform: translateX(-50%);
background: #144379 !important;
color: #fff !important;
border: none;
font-size: 10px !important;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
padding: 6px 10px;
border-radius: 6px;
white-space: normal;
width: max-content;
max-width: 180px;
text-align: center;
line-height: 1.4;
opacity: 0 !important;
pointer-events: none;
transition: opacity 0.2s ease !important;
z-index: 100;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.micro-badge-wrapper:hover .tooltip-text,
.badge-link:focus + .tooltip-text {
visibility: visible !important;
opacity: 1 !important;
}
.programme-row {
border-left: 4px solid transparent;
transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
box-sizing: border-box !important;
}
.programme-row:hover {
background-color: #f8fbff;
border-left-color: #144379;
transform: translateX(6px);
}
.time-badge {
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
}
.programme-row:hover .time-badge {
transform: scale(1.08);
box-shadow: 0 6px 12px rgba(20, 67, 121, 0.25);
}
.anchor-link {
display: inline-flex;
align-items: center;
font-size: 12px;
color: #144379;
font-weight: 700;
text-decoration: none;
background: #e8f2fc;
padding: 4px 12px;
border-radius: 20px;
white-space: nowrap;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.anchor-link:hover {
background: #144379;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(20, 67, 121, 0.15);
border-color: #1e5a9e;
}
.host-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.host-card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(20, 67, 121, 0.12) !important;
}
@media (max-width: 768px) {
.tooltip,
.tooltip-text {
display: none !important;
}
}
https://www.expert-europe.eu/en/event/panel-for-the-future-of-science-and-technology-stoa/2026/05/21/468
