/* project-cards.css - grid + card styles */
.projects-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.25rem;
  margin-top:1.2rem;
}

/* Card */
.project-card{
  background:rgba(255,255,255,0.02);
  border-left:4px solid var(--bright-green);
  padding:1rem;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(0,0,0,0.6), var(--glow);
  transform:translateZ(0);
  transition:transform .28s ease, box-shadow .28s ease;
  display:flex;
  flex-direction:column;
  min-height:320px;
  overflow:hidden;
}

.project-card img{
  width:100%;
  height:200px;
  object-fit:cover;
  border-radius:6px;
  margin-bottom:.8rem;
  display:block;
  filter:drop-shadow(var(--glow));
}

.project-card h3{margin:0 0 .5rem;color:var(--bright-green);font-family:'Orbitron',sans-serif;font-size:1.05rem}
.project-card p{color:var(--text-light);flex:1;margin-bottom:.5rem;font-size:0.95rem}

/* Hover effect - 3d tilt */
.project-card:hover{
  transform:translateY(-8px) rotateX(3deg) scale(1.02);
  box-shadow:0 20px 60px rgba(0,0,0,0.7), 0 0 60px rgba(57,255,20,0.08);
}

/* Progress bar */
.progress-bar{width:100%;height:10px;background:rgba(255,255,255,0.04);border-radius:8px;overflow:hidden;margin-top:.6rem}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--bright-green));box-shadow:var(--glow);transition:width .6s cubic-bezier(.2,.8,.2,1)}

/* Responsive tweaks */
@media (max-width:600px){
  .project-card{min-height:300px}
  .projects-grid{gap:.9rem}
}