.pentagon-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.pentagon-card, .project-card { background:var(--mp-bg-card); border-radius:18px; box-shadow:var(--mp-shadow-small); border:1px solid rgba(148,163,184,.35); display:flex; flex-direction:column; gap:8px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.pentagon-card { padding:14px 14px 16px; }
.project-card { padding:16px 16px 18px; }
.pentagon-card:hover, .project-card:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(15,23,42,.14); }
.pentagon-label { font-size:.75rem; text-transform:uppercase; letter-spacing:.18em; color:var(--mp-text-muted); }
.pentagon-title, .project-title { margin:0; font-size:1rem; font-weight:700; color:var(--mp-blue-dark); }
.pentagon-text, .project-text { margin:0; font-size:.86rem; color:var(--mp-text-muted); line-height:1.6; }
.pentagon-footer, .project-footer { margin-top:auto; padding-top:6px; display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.82rem; }
.pentagon-link, .project-link { color:var(--mp-blue); font-weight:600; }
.pentagon-pill { font-size:.72rem; padding:3px 9px; border-radius:999px; border:1px solid rgba(148,163,184,.6); color:var(--mp-text-muted); }
.pentagon-icon { position:absolute; right:-18px; top:-18px; width:58px; height:58px; border-radius:20px; background:radial-gradient(circle at 30% 20%,rgba(251,191,36,.9),rgba(37,99,235,.9)); opacity:.17; transform:rotate(10deg); }
.cards-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.project-tag-row { display:flex; gap:6px; flex-wrap:wrap; font-size:.72rem; }
.project-tag { padding:3px 8px; border-radius:999px; background:rgba(37,99,235,.08); color:var(--mp-blue-dark); }
.why-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.why-item { background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(219,234,254,.9)); border-radius:18px; padding:14px 16px 16px; border:1px solid rgba(191,219,254,.9); }
.why-title { margin:0 0 6px; font-size:.98rem; font-weight:700; color:var(--mp-blue-dark); }
.why-text { margin:0; font-size:.86rem; color:var(--mp-text-main); line-height:1.6; }