.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    gap: 20px;
    margin-top: 20px;
}

.news-card {
    background: #0b1220;
    color: #eaf3ff;
    border-radius: 12px;
    padding: 20px;
    font-family: "Courier New", monospace;
    border: 1px solid var(--accent-2);
    box-shadow: 0 0 18px rgba(123, 97, 255, 0.4);
    transition: transform .25s ease, box-shadow .25s ease;
}

.news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 30px rgba(123, 97, 255, 0.7);
}

.news-card header {
    font-size: 0.9rem;
    color: var(--accent);
    margin-bottom: 8px;
}

.news-card h3 {
    margin: 0 0 10px;
    font-size: 1.1rem;
    color: var(--accent-2);
    text-shadow: 0 0 6px rgba(123,97,255,.5);
}

.news-card p {
    font-size: .95rem;
    color: var(--muted);
}

.btn-news {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    color: var(--accent);
    text-decoration: none;
}
.btn-news:hover {
    color: var(--accent-2);
}