/* styles.css - SDGs FEB Unila */
:root{
  --primary: #0f6b5a;
  --accent: #f1c232;
  --muted: #6c757d;
  --bg: #f8f9fa;
  --card-radius: 14px;
  --glass: rgba(255,255,255,0.65);
}

*{box-sizing:border-box}
body{
  font-family: "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: var(--bg);
  color: #222;
  -webkit-font-smoothing:antialiased;
}
a { text-decoration: none; color: inherit; }

/* NAV */
.navbar{
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,0.75);
  box-shadow: 0 6px 18px rgba(15,15,15,0.05);
}
.navbar-brand { font-weight:700; color:var(--primary) }

/* HERO */
.hero {
  height: 80vh;
  min-height: 520px;
  display:flex;
  align-items:center;
  position:relative;
  color:white;
  overflow:hidden;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
}
.hero .overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.55));
}
.hero .hero-inner{
  position:relative; z-index:2;
}
.hero .badge-unila{
  background: rgba(255,255,255,0.12);
  padding:6px 10px;
  border-radius: 999px;
  font-weight:600;
}

/* GOALS GRID */
.goal-card{
  border-radius: 12px;
  padding: 18px;
  background: white;
  box-shadow: 0 6px 18px rgba(18,38,48,0.06);
  transition: transform .25s ease, box-shadow .25s ease;
  cursor:pointer;
}
.goal-card:hover{ transform: translateY(-6px); box-shadow: 0 20px 40px rgba(18,38,48,0.09); }
.goal-card .goal-num{
  width:48px;height:48px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;font-weight:700;
  margin-bottom:10px;
  color:white;
}

/* Goal colors (example palette for variety) */
.g1{ background:#e5243b }  .g2{ background:#dda63a } .g3{ background:#4c9f38 }
.g4{ background:#c5192d }  .g5{ background:#ff3a21 } .g6{ background:#26bde2 }
.g7{ background:#f2c43a }  .g8{ background:#4c9f38 } .g9{ background:#bf8b2e }
.g10{ background:#3f7e44 } .g11{ background:#f15a24 } .g12{ background:#8a9b0f }
.g13{ background:#3b8b8f } .g14{ background:#0a97d9 } .g15{ background:#56c02b }
.g16{ background:#00689d } .g17{ background:#19486a }

/* SECTION STYLES */
.section { padding: 60px 0; }
.section-title { margin-bottom: 28px; font-weight:700; letter-spacing: -0.3px; }

/* CARDS */
.card-plain { border-radius: 16px; padding: 18px; background:white; box-shadow: 0 10px 30px rgba(15,15,15,0.05); }

/* TEAM */
.team-photo { width:100%; border-radius:12px; object-fit:cover; height:220px; }

/* PUBLICATIONS list */
.pub-item { display:flex; gap:14px; align-items:flex-start; padding:12px; border-radius:12px; background:white; margin-bottom:12px; }

/* CONTACT FORM */
.form-card { padding:20px; border-radius:12px; background:white; box-shadow: 0 12px 30px rgba(15,15,15,0.05); }

/* FOOTER */
.footer { padding:36px 0; background:#0c2230; color:#cfe6e3; }

/* RESPONSIVE tweaks */
@media (max-width:768px){
  .hero { height:62vh; min-height:420px; }
  .goal-card { padding:14px }
}