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

header {
    background:#000;
    color:#fff;
    padding:25px;
    text-align:center;
}

.container {
    width:90%;
    max-width:1100px;
    margin:40px auto;
    display:flex;
    flex-wrap:wrap;
    gap:25px;
    justify-content:center;
}

.card {
    width:300px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 2px 4px rgba(0,0,0,0.1);
    transition:transform .15s;
}

.card:hover {
    transform:scale(1.03);
}

.card img {
    width:100%;
    height:180px;
    object-fit:cover;
}

.card-content {
    padding:18px;
}

.card-title {
    font-size:20px;
    margin-bottom:10px;
}

.card-desc {
    font-size:14px;
    color:#444;
    margin-bottom:15px;
}

.card a {
    display:inline-block;
    padding:8px 12px;
    background:#007aff;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
    font-size:14px;
}

.card a:hover {
    background:#005ac0;
}