.project-card:hover { transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-5px); }

.github-live { margin-top: 34px; padding: 22px; border: 1px solid var(--border); border-radius: var(--radius); background: linear-gradient(120deg, var(--accent-soft), transparent 45%), var(--surface); }
.gh-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; font: 9px var(--mono); letter-spacing: 1.2px; color: var(--muted); }
.gh-head > span { display: flex; align-items: center; gap: 9px; }
.gh-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gh-repo { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); min-width: 0; }
.gh-repo strong { font: 500 14px var(--heading); overflow-wrap: anywhere; }
.gh-repo span { color: var(--muted); font-size: 11px; line-height: 1.6; }
.gh-repo small { margin-top: auto; padding-top: 6px; color: var(--primary-color); font: 9px var(--mono); }
.gh-repo:hover { border-color: var(--primary-color); background: var(--accent-soft); transform: translateY(-3px); }
@media (max-width: 767.98px) { .gh-list { grid-template-columns: 1fr; } .github-live { padding: 18px; } }