body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4}

.hero{background:#fff;padding:50px 20px;text-align:center}
.hero input{width:400px;max-width:90%;padding:12px;margin-top:20px}
.stats{padding:20px;font-size:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.cover-link{
    display:block;
    overflow:hidden;
}

.cover{
    width:100%;
    aspect-ratio:16/9;

    object-fit:cover;
    object-position:center;

    display:block;

    transition:
        filter .25s ease,
        transform .25s ease;
}

.cover-link:hover .cover{
    filter: brightness(.75);
    transform: scale(1.03);
}
.content{padding:15px}
.meta{display:flex;justify-content:space-between;color:#666;font-size:14px;margin-top:10px}
.btn{display:inline-block;margin-top:15px;padding:10px 14px;background:#2563eb;color:white;text-decoration:none;border-radius:6px}