body{
  font-family:'Poppins',sans-serif;
  background:#f8fafc;
}

/* ================= HERO ================= */
.join-hero{
  background:
    linear-gradient(
      rgba(0,0,0,.55),
      rgba(231,111,45,.9)
    ),
    url("/img/picture.jpg") center/cover no-repeat;
  padding:120px 20px;
  text-align:center;
  color:#fff;
}
.join-hero h1{
  font-family:'Merriweather',serif;
  font-size:48px;
}
.join-hero p{
  max-width:750px;
  margin:15px auto 0;
  font-size:18px;
}

/* ================= SECTION ================= */
.container{
  max-width:1100px;
  margin:auto;
  padding:70px 20px;
}
.section-title{
  text-align:center;
  margin-bottom:45px;
}
.section-title h2{
  font-family:'Merriweather',serif;
  font-size:34px;
}
.section-title p{
  color:#64748b;
}

/* ================= JOIN OPTIONS ================= */
.join-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}
.join-card{
  background:#fff;
  padding:35px 30px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.3s;
}
.join-card:hover{
  transform:translateY(-6px);
}
.join-card i{
  font-size:42px;
  color:#e76f2d;
  margin-bottom:15px;
}
.join-card h3{
  font-weight:600;
  margin-bottom:10px;
}
.join-card p{
  color:#475569;
  font-size:15px;
}

/* ================= WHY JOIN ================= */
.why{
  background:#fff;
}
.why-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
}
.why-box{
  display:flex;
  gap:15px;
}
.why-box i{
  font-size:26px;
  color:#e76f2d;
  margin-top:4px;
}

/* ================= FORM ================= */
.form-wrap{
  max-width:700px;
  margin:auto;
  background:#fff;
  padding:45px;
  border-radius:20px;
  box-shadow:0 20px 45px rgba(0,0,0,.1);
}
.form-wrap input,
.form-wrap select,
.form-wrap textarea{
  width:100%;
  border:1px solid #ddd;
  padding:14px;
  border-radius:12px;
  margin-bottom:15px;
}
.form-wrap button{
  background:linear-gradient(90deg,#e76f2d,#f4c430);
  color:#fff;
  padding:14px;
  width:100%;
  border-radius:14px;
  font-weight:600;
}