body{

  margin: 0;
  font-family: Arial;

  background:
  linear-gradient(
    to bottom,
    #eef6ea,
    #f5f0e6
  );
}


.membership-page{

  min-height: 100vh;

  display: flex;
  justify-content: center;
  align-items: center;

  padding: 20px;

  box-sizing: border-box;
}

.membership-box{

  background: white;

  width: 600px;
  max-width: 100%;

  padding: 50px;

  border-radius: 30px;

  box-shadow:
  0 8px 20px rgba(0,0,0,0.1);

  text-align: center;

  box-sizing: border-box;
}

.membership-box h1{

  font-size: 39px;

  color: #6f4e37;

  margin-bottom: 15px;
}

.membership-box h2{

  color: #2d5a27;

  margin-bottom: 15px;
}

.membership-box p{

  font-size: 17px;

  color: #666;

  line-height: 1.6;
}

.membership-box ul{

  text-align: left;

  margin: 30px 0;

  padding-left: 20px;
}

.membership-box li{

  font-size: 17px;

  margin-bottom: 15px;

  line-height: 1.5;
}

.button-group{

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  margin-top: 30px;

  flex-wrap: wrap;
}

.button-group button{

  padding: 15px 40px;

  border: none;

  border-radius: 40px;

  background:
  linear-gradient(
    to right,
    #2d5a27,
    #6f4e37
  );

  color: white;

  font-size: 17px;

  cursor: pointer;

  transition: 0.3s ease;
}

.back-btn{

  background: #d9d9d9 !important;

  color: #333 !important;
}

.button-group button:hover{

  transform: scale(1.03);
}



@media (max-width: 768px){

  .membership-page{

    padding: 15px;
    align-items: flex-start;
  }

  .membership-box{

    width: 100%;

    padding: 25px 20px;

    border-radius: 20px;

    margin-top: 20px;
  }

  .membership-box h1{

    font-size: 26px;
  }

  .membership-box h2{

    font-size: 19px;
  }

  .membership-box p{

    font-size: 14px;
  }

  .membership-box li{

    font-size: 14px;
  }
@media screen and (max-width: 768px){

  .button-group{

    display: flex;

    flex-direction: row !important;

    justify-content: center;

    align-items: center;

    gap: 15px;

    flex-wrap: nowrap;
  }

  .button-group button{

    width: 48% !important;

    font-size: 13px !important;

    padding: 16px 10px !important;
  }
}
}