.news-list{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:20px;

margin:30px 0;

}

.news-card{

background-color: #ff0000;

border-radius:12px;

overflow:hidden;

transition:.3s;

border:1px solid #1d315d;

}

.news-card:hover{

transform:translateY(-4px);

box-shadow:0 10px 25px rgba(0,0,0,.35);

}

.news-thumb img{

width:100%;

height:180px;

object-fit:cover;

display:block;

}

.news-info{

padding:20px;

}

.news-info h3{

margin:0 0 12px;

font-size:20px;

}

.news-info h3 a{

color:#fff;

text-decoration:none;

}

.news-info h3 a:hover{

color:#00ffd5;

}

.news-info p{

color:#aaa;

margin-bottom:20px;

}