.project-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;border:1px solid #f1f5f9}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.project-card-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.project-card-content{padding:24px;display:flex;flex-direction:column;gap:16px;min-height:200px}.project-card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:8px;line-height:1.3}.project-card-description{font-size:.875rem;color:#6b7280;line-height:1.5;height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.project-card-tag{background:#f3f4f6;color:#374151;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.project-card-actions{margin-top:8px}.project-card-link{display:inline-flex;align-items:center;gap:6px;background:black;color:white;padding:10px 20px;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.project-card-link:hover{background:#374151;transform:translateX(2px)}.project-card-link-icon{width:16px;height:16px;transition:transform .2s ease}.project-card-link:hover .project-card-link-icon{transform:translateX(2px)}@media (max-width:768px){.project-card-image{height:160px}.project-card-content{padding:20px;min-height:180px}.project-card-title{font-size:1.125rem}.project-card-description{font-size:.8125rem}}