.hacker-grid {
    display: grid;
    gap: 20px;
    margin: 30px 0;
}

.blog-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.news-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hacker-grid article {
    background: #0b0b0b;
    padding: 16px;
    border-radius: 12px;
    transition: 0.3s;
}

.hacker-grid article:hover {
    transform: translateY(-5px);
}

.hacker-grid h3,
.hacker-grid h4 {
    margin: 10px 0;
}

.hacker-grid a {
    color: #00c3ff;
    text-decoration: none;
}

.hacker-grid .date {
    font-size: 12px;
    color: #aaa;
}

.hacker-grid img {
    width: 100%;
    border-radius: 10px;
}