/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins', Arial, sans-serif;
  background: url('images/background.jpg') no-repeat center center/cover;;
  color:#1f2937;
  line-height:1.7;
}

/* CONTAINER */
.container{
  max-width:1200px;
  width:92%;
  margin:auto;
}

/* PAGE HERO */
.page-hero{
  position:relative;
  min-height:45vh;
  background:linear-gradient(135deg,#0f172a,#1e293b);
  display:flex;
  align-items:center;
  text-align:center;
  color:#ffffff;
}

.page-hero .overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.3);
}

.page-hero .container{
  position:relative;
  z-index:2;
}

.page-hero h1{
  font-size:clamp(34px,5vw,52px);
  margin-bottom:18px;
}

.page-hero p{
  max-width:800px;
  margin:auto;
  color:#e5e7eb;
}

/* WORK SECTION */
.our-work{
  padding:100px 0;
}

.our-work h2{
  text-align:center;
  font-size:clamp(28px,4vw,40px);
  margin-bottom:18px;
  color:#ff7f50;
}

.section-description{
  text-align:center;
  max-width:850px;
  margin:0 auto 70px;
  color:#4b5563;
}

/* GRID */
.work-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:36px;
}

/* CARD */
.work-card{
  background:#ffffff;
  padding:32px 28px;
  border-radius:22px;
  box-shadow:0 20px 45px rgba(0,0,0,0.08);
  transition:0.35s;
  display:flex;
  flex-direction:column;
}

.work-card:hover{
  transform:translateY(-6px);
}

.work-card h3{
  font-size:1.05rem;
  margin-bottom:14px;
  color:#111827;
}

.work-abstract{
  font-size:0.95rem;
  color:#374151;
  flex-grow:1;
  margin-bottom:20px;
}

/* TAG */
.work-tag{
  align-self:flex-start;
  padding:6px 14px;
  border-radius:20px;
  font-size:0.75rem;
  font-weight:600;
  background:#fff3e8;
  color:#ff7f50;
}

/* FOOTER */
.footer{
  background:#0f172a;
  color:#e5e7eb;
  padding:80px 0 0;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:40px;
}

.footer h3{
  margin-bottom:12px;
  color:#ffb347;
}

.footer p{
  font-size:0.95rem;
  color:#d1d5db;
}

#copyrights{
  margin-top:50px;
  padding:20px 0;
  text-align:center;
  font-size:0.85rem;
  background:#020617;
  color:#9ca3af;
}

/* MOBILE */
@media(max-width:768px){
  .our-work{
    padding:70px 0;
  }

  .work-card{
    padding:28px 22px;
  }
}