:root{
  --green:#00684a;
  --green-dark:#00583f;
  --gold:#d7a93f;
  --bg:#f6f7f6;
  --text:#1c2a2f;
  --muted:#5b6a70;
  --border:#d7dfdb;
  --white:#ffffff;
  --shadow:0 8px 24px rgba(7,45,32,.08);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:var(--text);
  background:var(--bg);
}

img{
  max-width:100%;
  display:block;
}

a{
  text-decoration:none;
  color:inherit;
}

.container{
  width:min(1380px, calc(100% - 32px));
  margin:0 auto;
}

.top-strip{
  background:#f3f5f4;
  border-bottom:1px solid var(--border);
}

.brand-row{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:16px 0;
}

.logo-lockup{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.site-logo-img{
  display:block;
  width:auto;
  height:96px;
  object-fit:contain;
}

.partner-badge{
  text-align:right;
  color:var(--green);
}

.partner-badge .uni{
  font-size:2.1rem;
  font-weight:800;
  line-height:1;
}

.partner-badge .sub{
  font-size:1rem;
  font-weight:700;
  margin-top:4px;
}

.site-nav{
  background:var(--green);
  color:#fff;
  position:sticky;
  top:0;
  z-index:20;
  box-shadow:0 3px 12px rgba(0,0,0,.08);
}

.nav-inner{
  min-height:66px;
}

.nav-toggle{
  display:none;
  background:none;
  border:none;
  color:#fff;
  font-size:1.6rem;
  margin-left:auto;
  cursor:pointer;
}

.nav-links{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  width:100%;
  align-items:stretch;
}

.nav-links a{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:18px 8px;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.2px;
  white-space:nowrap;
}

.nav-links a:hover,
.nav-links a.active{
  background:rgba(255,255,255,.12);
}

.page-hero{
  background:linear-gradient(135deg,#0a5b42,#087c57);
  color:#fff;
  padding:58px 0 54px;
}

.page-hero h2{
  margin:0 0 10px;
  font-size:2.65rem;
}

.page-hero p{
  margin:0;
  max-width:780px;
  line-height:1.7;
  font-size:1.06rem;
}

.home-slider{
  position:relative;
  background:#dfe8e4;
}

.slide{
  display:none;
  min-height:520px;
  position:relative;
}

.slide.active{
  display:block;
}

.slide::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(3,41,29,.62), rgba(3,41,29,.16));
}

.slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.slide-content{
  position:relative;
  z-index:1;
  color:#fff;
  padding:90px 0 110px;
  max-width:760px;
}

.slide-content h2{
  font-size:3.2rem;
  line-height:1.04;
  margin:0 0 14px;
}

.slide-content p{
  font-size:1.08rem;
  line-height:1.8;
  margin:0 0 24px;
}

.btn-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:4px;
  font-weight:700;
  border:2px solid transparent;
}

.btn-primary{
  background:var(--gold);
  color:#1f1f1f;
}

.btn-primary:hover{
  background:#c6982f;
}

.btn-outline{
  border-color:#fff;
  color:#fff;
}

.btn-outline:hover{
  background:#fff;
  color:#15352e;
}

.slider-dots{
  position:absolute;
  bottom:18px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  z-index:2;
}

.slider-dots button{
  width:12px;
  height:12px;
  border:none;
  border-radius:50%;
  cursor:pointer;
  background:rgba(255,255,255,.45);
}

.slider-dots button.active{
  background:#fff;
}

.section{
  padding:56px 0;
}

.section h3.section-title{
  margin:0 0 20px;
  font-size:2rem;
  color:#173f34;
}

.grid{
  display:grid;
  gap:24px;
}

.grid-2{
  grid-template-columns:1.1fr .9fr;
}

.grid-3{
  grid-template-columns:repeat(3,1fr);
}

.card{
  background:var(--white);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  padding:22px;
}

.lead{
  font-size:1.05rem;
  line-height:1.9;
  color:#33454d;
}

.stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.stat{
  background:#edf4f1;
  border:1px solid #dbe8e2;
  padding:18px;
  text-align:center;
}

.stat strong{
  display:block;
  font-size:1.8rem;
  color:var(--green);
}

.members-grid,
.projects-grid,
.pub-grid,
.gallery-grid,
.activities-grid,
.join-grid{
  display:grid;
  gap:20px;
}

.members-grid{
  grid-template-columns:repeat(3,1fr);
}

.projects-grid{
  grid-template-columns:repeat(3,1fr);
}

.pub-grid{
  grid-template-columns:repeat(2,1fr);
}

.gallery-grid{
  grid-template-columns:repeat(3,1fr);
}

.activities-grid{
  grid-template-columns:repeat(3,1fr);
}

.join-grid{
  grid-template-columns:repeat(2,1fr);
}

.member-card h4,
.project-card h4,
.pub-card h4,
.activity-card h4,
.join-card h4{
  margin:0 0 8px;
  font-size:1.15rem;
  color:#163a31;
}
.member-photo-box{
  width:250px;
  height:225px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  border:1px solid #d8dfdb;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
}

.member-photo{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  display:block;
  object-fit:contain;
}


.member-card p,
.project-card p,
.pub-card p,
.activity-card p,
.join-card p{
  margin:0;
  line-height:1.7;
  color:#4a5b63;
}

.member-role{
  display:inline-block;
  margin:0 0 10px;
  padding:6px 10px;
  background:#edf4f1;
  color:var(--green);
  font-size:.85rem;
  font-weight:700;
}

.hero-panel{
  background:#fff;
  border:1px solid var(--border);
  min-height:100%;
  padding:0;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.hero-panel .image-fill{
  min-height:100%;
  background:linear-gradient(135deg,#0d7bd8,#6c4dff);
  padding:30px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.hero-panel .image-fill h4{
  margin:0 0 10px;
  font-size:1.6rem;
}

.hero-panel .image-fill p{
  margin:0;
  line-height:1.7;
}

.partner-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
  align-items:stretch;
}

.partner-card{
  background:#ffffff;
  border:1px solid #d8dfdb;
  box-shadow:var(--shadow);
  min-height:220px;
  padding:20px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.partner-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(7,45,32,.12);
  border-color:#bfd1c9;
}

.partner-logo{
  display:block;
  max-width:100%;
  width:auto;
  height:90px;
  object-fit:contain;
  margin:0 auto 14px;
}

.partner-name{
  display:block;
  font-size:1rem;
  font-weight:800;
  color:#36524b;
  line-height:1.4;
}

.table-wrap{
  overflow:auto;
}

table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  box-shadow:var(--shadow);
}

th,
td{
  border:1px solid var(--border);
  padding:14px 16px;
  text-align:left;
  vertical-align:top;
}

th{
  background:#edf4f1;
  color:#14362f;
}

.cta-band{
  background:#143d31;
  color:#fff;
  padding:34px 0;
}

.cta-band .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.footer{
  background:#0d2d26;
  color:#d7e2de;
  padding:22px 0;
}

.footer .wrap{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}

.small{
  font-size:.95rem;
  color:#617178;
}

.gallery-item{
  aspect-ratio:4/3;
  background:linear-gradient(135deg,#d5e4ff,#efe5ff);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.gallery-item strong{
  font-size:1.05rem;
  color:#17333f;
}

.gallery-item span{
  margin-top:6px;
  color:#4d6170;
}

@media (max-width: 980px){
  .grid-2,
  .members-grid,
  .projects-grid,
  .pub-grid,
  .gallery-grid,
  .activities-grid,
  .join-grid{
    grid-template-columns:1fr 1fr;
  }

  .partner-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
  }

  .partner-card{
    min-height:190px;
    padding:16px 12px;
  }

  .partner-logo{
    height:72px;
  }

  .partner-name{
    font-size:.92rem;
  }

  .stats{
    grid-template-columns:1fr;
  }

  .brand-row{
    min-height:auto;
  }

  .partner-badge{
    display:none;
  }
}

@media (max-width: 760px){
  .nav-toggle{
    display:block;
  }

  .nav-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:66px;
  }

  .nav-links{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:66px;
    background:var(--green);
    padding:10px 16px 14px;
    flex-direction:column;
    gap:0;
  }

  .nav-links.open{
    display:flex;
  }

  .nav-links a{
    display:block;
    text-align:left;
    padding:14px 8px;
  }

  .grid-2,
  .members-grid,
  .projects-grid,
  .pub-grid,
  .gallery-grid,
  .activities-grid,
  .join-grid{
    grid-template-columns:1fr;
  }

  .partner-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 480px){
  .partner-grid{
    grid-template-columns:1fr;
  }

  .slide{
    min-height:430px;
  }

  .slide-content{
    padding:66px 0 84px;
  }

  .slide-content h2{
    font-size:2.35rem;
  }

  .page-hero h2{
    font-size:2rem;
  }

  .brand-row{
    justify-content:center;
  }

  .cta-band .wrap,
  .footer .wrap{
    flex-direction:column;
    align-items:flex-start;
  }

  .site-logo-img{
    height:74px;
  }

.member-name-link{
  color:#0056b3;
  text-decoration:none;
  transition:color 0.2s ease;
}

.member-name-link:hover{
  color:#003f85;
  text-decoration:underline;
}
}