.news-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.65);
backdrop-filter:blur(5px);
display:none;
align-items:center;
justify-content:center;
z-index:9999;
animation:fadeIn .3s ease;
}

.popup-content{
background:linear-gradient(135deg,#ffffff,#f7f9ff);
padding:30px;
max-width:720px;
width:90%;
max-height:80vh;
overflow:auto;
border-radius:14px;
box-shadow:0 15px 45px rgba(0,0,0,0.25);
position:relative;
transform:scale(.85);
animation:popupZoom .35s ease forwards;
}

.popup-close{
position:absolute;
top:12px;
right:12px;
background:#ff4d4d;
border:none;
color:#fff;
width:36px;
height:36px;
border-radius:50%;
cursor:pointer;
font-size:18px;
transition:.3s;
}

.popup-close:hover{
background:#e60023;
transform:rotate(90deg) scale(1.1);
}

.popup-content h2{
margin-bottom:15px;
font-size:22px;
font-weight:700;
}

.no-news{
text-align:center;
padding:20px;
}

/* Animations */

@keyframes popupZoom{
from{
transform:scale(.7);
opacity:0;
}
to{
transform:scale(1);
opacity:1;
}
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}