.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.project-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all .3s;display:flex;flex-direction:column}
.project-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg)}
.project-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s}
body.dark .project-icon{background:rgba(16,185,129,.15)}
.project-card:hover .project-icon{background:var(--accent);color:#fff}
.project-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.tech-tags span{padding:3px 10px;border-radius:6px;font-size:.72rem;font-family:'JetBrains Mono',monospace;font-weight:500;background:rgba(16,185,129,.08);color:var(--accent);border:1px solid rgba(16,185,129,.2)}
.project-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.65;flex:1}
@media(max-width:700px){.projects-grid{grid-template-columns:1fr}}