.main-nav-card { background: #1a1e2a; padding: 40px 20px; border-radius: 12px; text-align: center; text-decoration: none; color: #eaeaea; border: 1px solid #2a2f3d; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
.main-nav-card i { font-size: 3rem; color: #ff3b3b; margin-bottom: 10px; }
.main-nav-card h3 { margin: 0; font-size: 1.5rem; color: white; }
.main-nav-card p { font-size: 0.9rem; color: #888; line-height: 1.4; }
.main-nav-card:hover { transform: translateY(-8px); border-color: #ff3b3b; background: #1f2433; box-shadow: 0 10px 25px rgba(255, 59, 59, 0.1); }

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

.card {
    background: #1a1e2a;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s;
}

.card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}