/* PROJECTS page styles - grid, cards, hover animations */
.projects-wrap{
  padding:70px 20px;
}
.project-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:20px;
  max-width:1200px;margin:0 auto;
}
.project-card{
  position:relative;
  border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  box-shadow:0 12px 40px rgba(2,6,23,0.45);
  transition:transform .28s ease, box-shadow .28s;
}
.project-card img{width:100%;height:180px;object-fit:cover;display:block}
.project-card .card-body{padding:16px}
.project-card h3{margin-bottom:8px}
.project-card p{color:var(--muted);font-size:.95rem;margin-bottom:12px}
.project-card .actions{display:flex;gap:8px}
.project-card .tag{
  padding:6px 10px;border-radius:999px;background:rgba(255,255,255,0.03);font-weight:600;font-size:.85rem;
}

/* hover reveal */
.project-card::after{
  content:'';position:absolute;inset:0;background:linear-gradient(180deg, transparent, rgba(2,6,23,0.55));opacity:0;transition:opacity .28s;
}
.project-card:hover{transform:translateY(-10px);box-shadow:0 26px 80px rgba(2,6,23,0.6)}
.project-card:hover::after{opacity:1}

/* Chat button */
#chatbot-btn{
  position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--accent), #00b4ff);
  color:#021026;font-size:22px;cursor:pointer;box-shadow:0 18px 40px rgba(0,123,255,0.18);
  z-index:1200;
}
/* small screens */
@media (max-width:600px){
  .project-card img{height:140px}
}