/* ---- Page Hero ---- */
  .page-hero{
    background:var(--white);
    color:var(--black);
    padding:110px 24px 50px;
    text-align:center;
  }
  .page-hero h1{
    font-family:'Georgia', 'Times New Roman', serif;
    font-size:44px;
    font-weight:700;
    max-width:700px;
    margin:0 auto 20px;
    line-height:1.25;
  }
  .page-hero p{
    max-width:560px;
    margin:0 auto;
    color:var(--text-muted);
    font-size:17px;
  }

  /* ---- Join Section ---- */
  .join-section{padding:20px 0 110px;}
  .join-wrap{
    max-width:560px;
    margin:0 auto;
    background:var(--gray);
    border:1px solid var(--line);
    border-radius:10px;
    padding:40px 40px;
  }
  .form-group{margin-bottom:22px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
  .form-group label{
    display:block; font-size:13.5px; font-weight:700;
    font-family:'Helvetica Neue', Arial, sans-serif; margin-bottom:8px;
  }
  .form-group input,
  .form-group select{
    width:100%; padding:13px 16px;
    border:1px solid #ddd8cc; border-radius:5px;
    background:var(--white);
    font-family:'Helvetica Neue', Arial, sans-serif;
    font-size:14px; color:var(--black);
  }
  .form-group input:focus,
  .form-group select:focus{outline:none; border-color:var(--gold);}
  .radio-row{display:flex; gap:16px;}
  .radio-option{
    flex:1; display:flex; align-items:center; gap:10px;
    border:1px solid #ddd8cc; border-radius:5px;
    padding:13px 16px; background:var(--white); cursor:pointer;
    font-family:'Helvetica Neue', Arial, sans-serif; font-size:14px;
  }
  .radio-option:has(input:checked){border-color:var(--gold); background:#fbf6ea;}
  .radio-option input{width:auto; margin:0;}
  .form-submit{width:100%; margin-top:6px; text-align:center;}
  .form-note{font-size:12.5px; color:var(--text-muted); margin-top:16px; text-align:center;}
  .form-note a{color:var(--gold-dark); text-decoration:underline;}
  @media (max-width:560px){
    .join-wrap{padding:32px 24px;}
    .form-row, .radio-row{grid-template-columns:1fr; display:grid; gap:14px;}
    .radio-row{display:grid;}
    .page-hero h1{font-size:32px;}
    .page-hero{padding:80px 20px 40px;}
  }