/* ---------- PROJECTS SECTION ---------- */
.projects-grid {
  margin-top:3rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:2rem;
}

.project-card {
  background:#11151b;
  border-radius:10px;
  padding:1.5rem;
  position:relative;
  overflow:hidden;
  transition:.4s ease;
  border-top:3px solid #00ff88;
  opacity:1;
  transform:translateY(0);
}

.project-card:hover {
  transform:translateY(-5px);
  box-shadow:0 0 15px rgba(0,255,136,0.2);
}

.project-card.hidden-card {
  display:none;
}

.project-card.show {
  display:block;
  animation:fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
  from {opacity:0; transform:translateY(20px);}
  to {opacity:1; transform:translateY(0);}
}

.project-card h3 {
  font-size:1.3rem;
  margin-bottom:.8rem;
}

.project-card p {
  color:#ccc;
  font-size:.95rem;
  line-height:1.6;
  margin-bottom:1rem;
}

.project-card .links a {
  color:#00ff88;
  font-weight:600;
  text-decoration:none;
  margin-right:15px;
}

.project-card .links a:hover {
  text-decoration:underline;
}

.project-card .tech {
  color:#00ff88;
  font-family:monospace;
  font-size:.9rem;
}

.btn-container {
  text-align:center;
  margin-top:2rem;
}

#show-more-btn {
  background:transparent;
  border:2px solid #00ff88;
  color:#00ff88;
  padding:.8rem 2rem;
  border-radius:8px;
  cursor:pointer;
  transition:.3s;
  font-weight:600;
}

#show-more-btn:hover {
  background:#00ff88;
  color:#0d1117;
}

@media(max-width:768px) {
  #projects {
    padding:4rem 1.5rem;
  }
  .project-card {
    padding:1.2rem;
  }
  .project-card h3 {
    font-size:1.1rem;
  }
}