/* ================================
   MAJOR UPDATES – ULTRA MODERN
================================ */

.major-updates{
  margin-top:120px;
}

/* Header */
.mu-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:40px;
}

.mu-head h2{
  font-size:2rem;
  font-weight:900;
  color:var(--heading);
}

.view-all{
  text-decoration:none;
  color:var(--brand-color);
  font-weight:600;
  font-size:.95rem;
}

.view-all:hover{
  text-decoration:underline;
}

/* Grid */
/* Grid */
.mu-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:26px;
}

/* Large tablets */
@media (max-width:1200px){
  .mu-grid{
    grid-template-columns:repeat(3, 1fr);
  }
}

/* Tablets */
@media (max-width:900px){
  .mu-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

/* Mobile */
@media (max-width:520px){
  .mu-grid{
    grid-template-columns:1fr;
  }
}


/* Card */
.mu-card{
  position:relative;
  background:var(--glass-bg);
  border-radius:22px;
  padding:34px 32px;
  border:1px solid var(--glass-border);
  box-shadow:var(--shadow-glass);
  text-decoration:none;
  color:inherit;
  transition:.35s ease;
  overflow:hidden;
}

/* Gradient Border Glow */
.mu-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,var(--brand-color),transparent,transparent);
  opacity:0;
  transition:.35s;
}

.mu-card:hover::before{
  opacity:.15;
}

.mu-card:hover{
  transform:translateY(-12px);
}

/* Tag */
.mu-tag{
  display:inline-block;
  padding:6px 14px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:1px;
  margin-bottom:18px;
}

.mu-tag.platform{
  background:#fff1f2;
  color:#cf333e;
}

.mu-tag.research{
  background:#eef2ff;
  color:#4f46e5;
}

.mu-tag.learning{
  background:#ecfeff;
  color:#0891b2;
}

/* Title */
.mu-card h3{
  font-size:1.25rem;
  font-weight:800;
  margin-bottom:10px;
  color:var(--heading);
}

/* Text */
.mu-card p{
  font-size:.95rem;
  color:var(--text-muted);
  line-height:1.6;
}

/* Meta */
.mu-meta{
  margin-top:22px;
  font-size:.85rem;
  font-weight:600;
  color:var(--brand-color);
}